import { cva } from "class-variance-authority";
export const paginationVariants = cva("flex items-center justify-between gap-4", {
    variants: {
        layout: {
            detailed: "",
            basic: "",
            minimal: ""
        }
    },
    defaultVariants: {
        layout: "detailed"
    }
});
export const paginationPageContainerVariants = cva("flex items-center gap-1", {
    variants: {},
    defaultVariants: {}
});
export const paginationPageButtonVariants = cva("h-8 w-8 rounded flex justify-center text-base p-2.5 font-medium outline-none", {
    variants: {
        variant: {
            filled: "text-secondary-500 dark:text-secondary-200 hover:bg-primary-50 dark:hover:bg-primary-400 " +
                "dark:hover:text-iridium focus:bg-primary-100 dark:focus:bg-primary-400",
            outline: "text-secondary-500 dark:text-secondary-200 focus:outline-gray-200 focus:bg-transparent " +
                "hover:bg-gray-50 outline-offset-0 dark:focus:outline-primary-100 dark:focus:bg-transparent " +
                "dark:hover:bg-secondary-600"
        },
        isActive: {
            true: ""
        }
    },
    defaultVariants: {
        variant: "filled"
    },
    compoundVariants: []
});
export const paginationEllipsisVariants = cva("h-8 w-8 rounded flex justify-center text-base p-2.5 font-medium dark:text-secondary-200", {
    variants: {},
    defaultVariants: {}
});
export const paginationTextVariants = cva("text-base text-secondary-500 dark:text-secondary-200", {
    variants: {},
    defaultVariants: {}
});
//# sourceMappingURL=paginationVariants.js.map