import { cva } from "class-variance-authority";
export const dropdownVariants = cva("bg-white rounded border border-secondary-50 shadow-lg min-w-[300px] z-[2020] dark:bg-secondary-800 dark:border-secondary-800", {
    variants: {
        size: {
            md: "",
            lg: ""
        }
    },
    defaultVariants: {
        size: "md"
    }
});
export const dropdownHeaderVariants = cva("border-b border-secondary-100 dark:border-secondary-400", {
    variants: {
        type: {
            text: "text-xs text-secondary-300 uppercase px-4 py-2.5 dark:text-secondary-300",
            custom: "p-4"
        }
    },
    defaultVariants: {
        type: "text"
    }
});
export const dropdownItemVariants = cva("px-4 text-secondary-500 cursor-pointer relative ease-in-out duration-200 dark:text-secondary-200 hover:bg-secondary-50" +
    " dark:hover:bg-secondary-500 dark:hover:text-secondary-100 dark:focus:text-secondary-300 focus:outline-none", {
    variants: {
        size: {
            md: "py-2.5 text-base",
            lg: "py-3 text-md"
        },
        disabled: {
            true: "cursor-not-allowed bg-secondary-100/30 text-secondary-400 dark:bg-secondary-500" +
                " hover:bg-secondary-100/30 dark:hover:bg-secondary-500",
            false: ""
        },
        position: {
            first: "rounded-t-sm",
            last: "rounded-b-sm",
            middle: ""
        }
    },
    defaultVariants: {
        size: "md",
        disabled: false,
        position: "middle"
    }
});
//# sourceMappingURL=dropdownVariants.js.map