import type { FC, HTMLAttributes } from "react";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faCircleExclamation } from "@fortawesome/pro-duotone-svg-icons";
import { cx } from "@/utils/cx";
const AlertCircle: FC<{ className?: string }> = ({ className }) => ;
interface IllustrationProps extends HTMLAttributes {
size?: "sm" | "md" | "lg";
svgClassName?: string;
childrenClassName?: string;
}
export const CreditCardIllustration = ({ size = "lg", ...otherProps }: IllustrationProps) => {
const Pattern = sizes[size];
return ;
};
export const sm = ({
className,
svgClassName,
childrenClassName,
children = ,
...otherProps
}: Omit) => {
return (
{children && (
{children}
)}
);
};
export const md = ({
className,
svgClassName,
childrenClassName,
children = ,
...otherProps
}: Omit) => {
return (
{children && (
{children}
)}
);
};
export const lg = ({
className,
svgClassName,
childrenClassName,
children = ,
...otherProps
}: Omit) => {
return (
{children && (
{children}
)}
);
};
const sizes = {
sm,
md,
lg,
};