import { Particles } from "@/components/particles";
import { cn } from "@/lib/utils";
import { LucideIcon } from "lucide-react";
import Link from "next/link";
import { type PropsWithChildren } from "react";
export enum Color {
White = "#FFFFFF",
Yellow = "#FFD600",
Purple = "#9D72FF",
}
export const PricingCardHeader: React.FC<{
title: string;
description: React.ReactNode;
className?: string;
color: Color;
withIcon?: boolean;
}> = ({ title, description, className, color, withIcon = true }) => {
return (
);
};
export const Cost: React.FC<{ dollar: string }> = ({ dollar }) => {
return (
{dollar}
/ month
);
};
export const Button: React.FC<{ label: string }> = ({ label }) => {
return (
);
};
export const Bullets: React.FC = ({ children }) => {
return (
);
};
export const Bullet: React.FC<{
Icon: LucideIcon;
label: string;
color: Color;
textColor?: string;
}> = ({ Icon, label, color, textColor }) => {
return (
{label}
);
};
export const PricingCardContent: React.FC<
PropsWithChildren<{ layout?: "horizontal" | "vertical" }>
> = ({ children, layout }) => {
return (
{children}
);
};
export const PricingCardFooter: React.FC = ({ children }) => {
return {children}
;
};
export const Asterisk: React.FC<{ tag: string; label?: string }> = ({ tag, label }) => {
return (
{tag}
{label}
);
};
export const PricingCard: React.FC> = ({
children,
color,
className,
}) => {
return (
);
};
export const KeyIcon: React.FC<{ className?: string; color: Color }> = ({ className, color }) => {
return (
);
};
export const FreeCardHighlight: React.FC<{ className: string }> = ({ className }) => {
return (
);
};
export const ProCardHighlight: React.FC<{ className: string }> = ({ className }) => {
return (
);
};
export const EnterpriseCardHighlight: React.FC<{ className: string }> = ({ className }) => {
return (
);
};
export const Separator: React.FC<{ orientation?: "horizontal" | "vertical"; className?: string }> =
({ orientation = "horizontal", className }) => (
);
export const BelowEnterpriseSvg: React.FC<{ className?: string }> = ({ className }) => {
return (
);
};