import { j as jsxRuntimeExports } from '../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
import * as React from 'react';
import { cx, cva } from '../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
import styles from './textarea.module.css.js';

const textarea = cva(styles.textarea, {
    variants: {
        size: {
            small: styles["textfield-sm"],
            medium: styles["textfield-md"],
        },
        state: {
            invalid: styles["textfield-invalid"],
            valid: styles["textfield-valid"],
        },
        leading: {
            true: styles["textfield-leading"],
        },
    },
    defaultVariants: {
        size: "small",
    },
});
const Textarea = React.forwardRef(({ className, size, state, style, leading, ...props }, ref) => {
    return (jsxRuntimeExports.jsx("textarea", { className: cx(textarea({ size, state, className, leading })), ref: ref, ...props }));
});
Textarea.displayName = "Textarea";

export { Textarea };
//# sourceMappingURL=textarea.js.map
