import { cva } from "class-variance-authority";
export const scrollbarVariants = cva("w-full h-full overflow-hidden relative group", {
    variants: {
        visibility: {
            default: "",
            alwaysVisible: ""
        }
    },
    defaultVariants: {
        visibility: "default"
    }
});
export const scrollbarContentVariants = cva("overflow-auto w-full h-full [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden");
export const scrollbarYContainerVariants = cva("border-none absolute top-0 transition-all duration-200 ease-linear w-2 right-0 rtl:left-0 rtl:right-auto h-[calc(100%-0.5rem)]", {
    variants: {
        visibility: {
            default: "",
            alwaysVisible: ""
        },
        active: {
            true: "w-2 md:w-3"
        }
    },
    defaultVariants: {
        visibility: "default",
        active: false
    }
});
export const scrollbarTrackYVariants = cva("transition-opacity duration-200 ease-linear h-full absolute top-0 w-full rounded-full opacity-0" +
    " bg-secondary-100 dark:bg-secondary-500 group-hover:opacity-100", {
    variants: {
        visibility: {
            default: "",
            alwaysVisible: "opacity-100"
        }
    },
    defaultVariants: {
        visibility: "default"
    }
});
export const scrollbarThumbYVariants = cva("transition-opacity duration-200 ease-linear rounded-full cursor-grab absolute w-full opacity-0" +
    " border border-secondary-100 bg-secondary-300 dark:border-secondary-500 dark:bg-secondary-400 group-hover:opacity-100", {
    variants: {
        visibility: {
            default: "",
            alwaysVisible: "opacity-100"
        },
        active: {
            true: "cursor-grabbing"
        }
    },
    defaultVariants: {
        visibility: "default",
        active: false
    }
});
export const scrollbarXContainerVariants = cva("absolute bottom-0 transition-all duration-200 ease-linear left-0 rtl:right-0 h-2 w-[calc(100%-0.5rem)]", {
    variants: {
        visibility: {
            default: "",
            alwaysVisible: ""
        },
        active: {
            true: "h-2 md:h-3"
        }
    },
    defaultVariants: {
        visibility: "default",
        active: false
    }
});
export const scrollbarTrackXVariants = cva("transition-opacity duration-200 ease-linear h-full absolute top-0 rounded-full w-full opacity-0" +
    " bg-secondary-100 dark:bg-secondary-500 group-hover:opacity-100", {
    variants: {
        visibility: {
            default: "",
            alwaysVisible: "opacity-100"
        }
    },
    defaultVariants: {
        visibility: "default"
    }
});
export const scrollbarThumbXVariants = cva("transition-opacity duration-200 ease-linear border rounded-full cursor-grab absolute h-full opacity-0" +
    " border-secondary-100 bg-secondary-300 dark:border-secondary-500 dark:bg-secondary-400 group-hover:opacity-100", {
    variants: {
        visibility: {
            default: "",
            alwaysVisible: "opacity-100"
        },
        active: {
            true: "cursor-grabbing"
        }
    },
    defaultVariants: {
        visibility: "default",
        active: false
    }
});
//# sourceMappingURL=scrollbarVariants.js.map