import { ReactRef } from '../../utils/react-ref';
/**
 * Set `textarea` to `true` to enable textarea style
 *
 * @specs https://m3.material.io/components/text-fields/specs
 */
export declare const TextField: import('react').ForwardRefExoticComponent<{
    leadingIcon?: React.ReactNode;
    trailingIcon?: React.ReactNode;
    labelText?: React.ReactNode;
    supportingText?: React.ReactNode;
    value?: string;
    defaultValue?: string;
    onChange?: (text: string) => void;
    readonly?: boolean;
    disabled?: boolean;
    error?: boolean;
    /**
     * Textarea will ignore this and only show as filled style
     * @default "filled"
     */
    variant?: "filled" | "outlined";
    /**
     * Set to true to change the internal element to `<textarea>`
     */
    textarea?: boolean;
    /**
     * Rows only for textarea
     * @default 2
     */
    rows?: number;
    placeholder?: string;
    /**
     * For access the internal input element
     *
     * !WARNING: (for typescript user) use `const ref = useRef<HTMLInputElement | undefined>()` to create a MutableRefObject
     */
    inputRef?: ReactRef<HTMLInputElement | undefined>;
    /**
     * For access the internal textarea element
     *
     * !WARNING: (for typescript user) use `const ref = useRef<HTMLInputElement | undefined>()` to create a MutableRefObject
     */
    textareaRef?: ReactRef<HTMLTextAreaElement | undefined>;
    /**
     * For internal use, control if focused is shown
     */
    'data-sd-focus'?: boolean;
} & Omit<import('react').HTMLProps<HTMLElement>, "as" | "ref" | "disabled" | "placeholder" | "rows" | "value" | "defaultValue" | "onChange" | "textarea" | "variant" | "trailingIcon" | "error" | "leadingIcon" | "labelText" | "supportingText" | "readonly" | "inputRef" | "textareaRef" | "data-sd-focus"> & import('react').RefAttributes<HTMLDivElement>>;