import { cva } from "class-variance-authority";
export const toggleWrapperVariants = cva("inline-flex items-center gap-3 text-secondary-500");
export const toggleContainerVariants = cva("relative bg-gray-200 rounded-full duration-300 ease-in-out dark:bg-secondary-600 cursor-pointer", {
    variants: {
        size: {
            sm: "w-[36px] h-5",
            md: "w-[44px] h-6"
        }
    },
    defaultVariants: {
        size: "md"
    }
});
export const toggleButtonVariants = cva("absolute top-1/2 start-0.5 -translate-y-1/2 bg-white rounded-full duration-300 ease-in-out", {
    variants: {
        size: {
            sm: "w-4 h-4",
            md: "w-5 h-5"
        }
    },
    defaultVariants: {
        size: "md"
    }
});
export const toggleIconVariants = cva("absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-secondary-800");
export const toggleLabelVariants = cva("text-inherit dark:text-secondary-100", {
    variants: {
        size: {
            sm: "text-base",
            md: "text-md"
        },
        disabled: {
            true: "text-secondary-300 dark:text-secondary-500 cursor-not-allowed"
        }
    },
    defaultVariants: {
        size: "md"
    }
});
//# sourceMappingURL=toggleVariants.js.map