import { cva } from "class-variance-authority";
export const textareaVariants = cva("resize-y outline-none border-none text-secondary-500 rounded-t px-4 pt-3 w-full placeholder:text-secondary-200", {
    variants: {
        state: {
            default: "focus:outline-none",
            error: "",
            disabled: "bg-gray-50 text-secondary-200"
        }
    },
    defaultVariants: {
        state: "default"
    }
});
export const containerVariants = cva("flex flex-col rounded border border-gray-200 bg-white w-full", {
    variants: {
        state: {
            default: "focus-within:outline-none focus-within:border-primary-500 focus-within:shadow-primary-2px",
            error: "border-error-500 focus-within:border-error-500 focus-within:shadow-error-2px",
            disabled: "bg-gray-50 focus-within:outline-none focus-within:border-gray-200 focus-within:shadow-none"
        }
    },
    defaultVariants: {
        state: "default"
    }
});
export const helperTextVariants = cva("w-full text-base", {
    variants: {
        state: {
            default: "text-secondary-400",
            error: "text-error-500"
        }
    },
    defaultVariants: {
        state: "default"
    }
});
//# sourceMappingURL=textareaVariants.js.map