import { cva } from "class-variance-authority";
export const textFieldContainerVariants = cva("inline-flex flex-col gap-2 relative");
export const textFieldLabelVariants = cva("text-base font-medium text-secondary-400 dark:text-secondary-300");
export const textFieldVariants = cva("w-full rounded border border-gray-200 text-secondary-400 " +
    "placeholder:text-secondary-200 dark:placeholder:text-secondary-400 " +
    "outline-none focus:border-primary-500 focus:shadow-primary-2px " +
    "disabled:bg-gray-50 disabled:text-secondary-200 " +
    "dark:border-secondary-500 dark:bg-iridium dark:disabled:bg-secondary-800 dark:disabled:text-secondary-500 " +
    "dark:focus:border-primary-400 dark:text-secondary-200", {
    variants: {
        size: {
            md: "px-3 py-2.5 text-base",
            lg: "px-4 py-3 text-md"
        },
        error: {
            true: "border-error-500 focus:shadow-error-2px dark:border-error-400",
            false: ""
        },
        withPrefix: {
            true: "ps-8",
            false: ""
        },
        withSuffix: {
            true: "pe-8",
            false: ""
        }
    },
    defaultVariants: {
        size: "md",
        error: false,
        withPrefix: false,
        withSuffix: false
    }
});
export const textFieldIconVariants = cva("w-5 absolute top-1/2 -translate-y-1/2 text-gray-800 dark:text-gray-800", {
    variants: {
        size: {
            md: "",
            lg: ""
        },
        position: {
            prefix: "",
            suffix: ""
        }
    },
    compoundVariants: [
        {
            size: "md",
            position: "prefix",
            className: "start-3"
        },
        {
            size: "md",
            position: "suffix",
            className: "end-3"
        },
        {
            size: "lg",
            position: "prefix",
            className: "start-4"
        },
        {
            size: "lg",
            position: "suffix",
            className: "end-4"
        }
    ],
    defaultVariants: {
        size: "md",
        position: "prefix"
    }
});
export const textFieldHelperTextVariants = cva("text-base", {
    variants: {
        error: {
            true: "text-error-500 dark:text-error-400",
            false: "text-secondary-400 dark:text-secondary-200"
        }
    },
    defaultVariants: {
        error: false
    }
});
//# sourceMappingURL=textFieldVariants.js.map