import { InputHTMLAttributes, RefObject } from "react";
import { ColorProps, CursorProps, SpaceProps, TypographyProps, BackgroundProps, BorderProps, ShadowProps } from "./system";
export declare type StyledTextareaProps = {
    error?: boolean;
    resize?: "both" | "horizontal" | "vertical" | "none";
} & InputHTMLAttributes<HTMLInputElement> & ColorProps & CursorProps & SpaceProps & TypographyProps & BackgroundProps & BorderProps & ShadowProps;
export declare const StyledTextarea: import("@emotion/styled").StyledComponent<{
    theme?: import("@emotion/react").Theme | undefined;
    as?: import("react").ElementType<any> | undefined;
} & {
    error?: boolean | undefined;
    resize?: "none" | "both" | "horizontal" | "vertical" | undefined;
} & InputHTMLAttributes<HTMLInputElement> & ColorProps & CursorProps & SpaceProps & TypographyProps & BackgroundProps & BorderProps & ShadowProps, import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, {}>;
export declare type TextareaProps = {
    id?: string;
    value?: string;
    onChange?: (v: string) => void;
    onBlur?: () => void;
    ref?: RefObject<HTMLTextAreaElement>;
    disabled?: boolean;
    required?: boolean;
    error?: boolean;
    resize?: "both" | "horizontal" | "vertical" | "none";
};
export declare const Textarea: import("react").ForwardRefExoticComponent<Pick<TextareaProps, "error" | "resize" | "id" | "onBlur" | "onChange" | "value" | "disabled" | "required"> & import("react").RefAttributes<HTMLTextAreaElement>>;