import { cva } from "class-variance-authority";
export const avatarVariants = cva([
    "relative flex shrink-0 overflow-hidden rounded-full border-1.5 border-white",
    "bg-primary-100 text-primary-500 dark:border-secondary-500 dark:bg-secondary-600 dark:text-primary-400"
].join(" "), {
    variants: {
        size: {
            sm: "h-7 w-7 text-xxs",
            md: "h-8 w-8 text-xs",
            lg: "h-9 w-9 text-md",
            xl: "h-11 w-11 text-lg"
        }
    },
    defaultVariants: {
        size: "md"
    }
});
export const avatarImageVariants = cva("aspect-square h-full w-full");
export const avatarFallbackVariants = cva("flex h-full w-full items-center justify-center rounded-full font-medium");
//# sourceMappingURL=avatarVariants.js.map