import { cva } from "class-variance-authority";
export const accordionVariants = cva([
    "bg-white dark:bg-iridium w-full min-w-[200px] rounded max-h-screen",
    "flex flex-col overflow-hidden border border-gray-200 dark:border-secondary-500",
    "text-secondary-500 dark:text-secondary-50"
].join(" "), {
    variants: {
        size: {
            xs: "",
            sm: "",
            md: "",
            lg: "",
            xl: ""
        }
    },
    defaultVariants: {
        size: "sm"
    }
});
export const accordionHeaderVariants = cva("w-full flex items-center dark:text-secondary-50 py-3", {
    variants: {
        size: {
            xs: "text-base gap-3 px-3",
            sm: "text-md gap-4 px-4",
            md: "text-lg gap-5 px-5",
            lg: "text-xl gap-6 px-6",
            xl: "text-heading-xs gap-6 px-6"
        }
    },
    defaultVariants: {
        size: "sm"
    }
});
export const accordionContentVariants = cva("transition-all duration-600 w-full", {
    variants: {
        expanded: {
            true: "dark:text-secondary-200 overflow-y-auto pb-4 text-secondary-400"
        },
        size: {
            xs: "text-xs px-3",
            sm: "text-base px-4",
            md: "text-md px-5",
            lg: "text-lg px-6",
            xl: "text-xl px-6"
        }
    },
    defaultVariants: {
        expanded: false,
        size: "sm"
    }
});
//# sourceMappingURL=accordionVariants.js.map