import { cva } from "class-variance-authority";
export const radioGroupVariants = cva("inline-flex flex-col", {
    variants: {
        variant: {
            outline: "gap-4",
            text: "border border-gray-100 rounded dark:border-secondary-500"
        }
    },
    defaultVariants: {
        variant: "outline"
    }
});
export const radioGroupItemVariants = cva("inline-flex gap-2 items-start outline-none cursor-pointer pl-0", {
    variants: {
        variant: {
            outline: [
                "rounded border border-secondary-100",
                "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"
            ],
            text: ""
        },
        size: {
            sm: "p-3 text-base",
            md: "p-4 text-base",
            lg: "p-4 text-md"
        },
        checked: {
            true: "bg-primary-50 dark:bg-secondary-600"
        },
        disabled: {
            true: "bg-secondary-50 cursor-not-allowed dark:bg-secondary-700 dark:text-secondary-400"
        }
    },
    defaultVariants: {
        variant: "outline",
        size: "md"
    }
});
export const radioGroupItemLabelVariants = cva("text-secondary-500 dark:text-secondary-50", {
    variants: {
        disabled: {
            true: "text-secondary-200 dark:text-secondary-400"
        }
    },
    defaultVariants: {
        disabled: false
    }
});
//# sourceMappingURL=radioGroupVariants.js.map