import React from 'react';
export interface TyTextareaEventDetail {
    value: string;
    originalEvent: Event;
}
export interface TyTextareaProps extends Omit<React.HTMLAttributes<HTMLElement>, 'onChange' | 'onInput' | 'onFocus' | 'onBlur' | 'style'> {
    style?: import('./TyInput').TyInputCSSProperties;
    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
    value?: string;
    placeholder?: string;
    label?: string;
    error?: string;
    disabled?: boolean;
    required?: boolean;
    name?: string;
    rows?: string | number;
    cols?: string | number;
    resize?: 'none' | 'both' | 'horizontal' | 'vertical';
    minHeight?: string;
    maxHeight?: string;
    /**
     * Fires on every keystroke (React convention)
     * Maps to native 'input' event from ty-textarea
     */
    onChange?: (event: CustomEvent<TyTextareaEventDetail>) => void;
    /**
     * Fires on blur if value changed (native DOM behavior)
     * Maps to native 'change' event from ty-textarea
     */
    onChangeCommit?: (event: CustomEvent<TyTextareaEventDetail>) => void;
    /** Standard focus event */
    onFocus?: (event: FocusEvent) => void;
    /** Standard blur event */
    onBlur?: (event: FocusEvent) => void;
}
export declare const TyTextarea: React.ForwardRefExoticComponent<TyTextareaProps & React.RefAttributes<HTMLElement>>;
//# sourceMappingURL=TyTextarea.d.ts.map