import { cva } from "class-variance-authority";
export const checkboxGroupVariants = cva("inline-flex flex-col gap-4");
export const checkboxGroupItemVariants = cva([
    "flex gap-4 items-center rounded border border-secondary-100 outline-none cursor-pointer",
    "hover:border hover:border-primary-500",
    "focus-within:border-primary-500 focus-within:shadow-primary-2px",
    "dark:border-secondary-500",
    "dark:hover:border-primary-400",
    "dark:focus-within:border-primary-400 dark:focus-within:shadow-primary-2px"
].join(" "), {
    variants: {
        size: {
            sm: "text-base p-3",
            md: "text-base p-4",
            lg: "text-md p-4"
        },
        checked: {
            true: "bg-primary-50 dark:bg-secondary-600"
        },
        disabled: {
            true: "pointer-events-none bg-secondary-50 dark:bg-secondary-700 dark:text-secondary-400"
        }
    },
    defaultVariants: {
        size: "md",
        checked: false,
        disabled: false
    }
});
export const checkboxGroupLabelVariants = cva("text-secondary-500 dark:text-secondary-50");
//# sourceMappingURL=checkboxGroupVariants.js.map