import { default as React } from 'react'; import { ElementSize, FormVariant } from '../FieldWrapper'; export interface TextareaProps extends Omit, 'name' | 'size' | 'value' | 'defaultValue' | 'onChange' | 'className'> { name: string; label?: string; variant?: FormVariant; size?: ElementSize; value?: string; defaultValue?: string; placeholder?: string; onChangeValue?: (value: string) => void; error?: string; autoResize?: boolean; minRows?: number; maxRows?: number; showCount?: boolean; required?: boolean; disabled?: boolean; /** * @type|class * @schema [{ * "key": "Radius", * "prefix": "rounded", * "type": "select", * "options": [ * {"key": "none", "label": "None"}, * {"key": "sm", "label": "Small"}, * {"key": "md", "label": "Medium"}, * {"key": "lg", "label": "Large"}, * {"key": "xl", "label": "Extra Large"} * ] * },{ * "key": "Shadow", * "prefix": "shadow", * "type": "select", * "options": [ * {"key": "none", "label": "None"}, * {"key": "sm", "label": "Small"}, * {"key": "md", "label": "Medium"}, * {"key": "lg", "label": "Large"} * ] * },{ * "key": "Background", * "prefix": "bg", * "type": "select", * "options": [ * {"key": "transparent", "label": "Transparent"}, * {"key": "white dark:bg-gray-900", "label": "Solid"}, * {"key": "gray-50 dark:bg-gray-800", "label": "Subtle"} * ] * }] */ className?: string; } export default function Textarea({ name, label, variant, size, value, defaultValue, placeholder, onChangeValue, error, autoResize, minRows, maxRows, showCount, required, disabled, maxLength, className, ...props }: TextareaProps): import("react/jsx-runtime").JSX.Element;