/// <reference types="react" />
import './text-field.scss';
/**
 * [warn]: This component forward the inner input element for ref
 * @specs https://m3.material.io/components/text-fields/specs
 */
export declare const TextField: import("react").ForwardRefExoticComponent<{
    leadingIcon?: React.ReactNode;
    trailingIcon?: React.ReactNode;
    labelText?: string | undefined;
    supportingText?: string | undefined;
    type?: "number" | "text" | undefined;
    value?: string | number | undefined;
    onChange?: ((text: string | number) => void) | undefined;
    readonly?: boolean | undefined;
    disabled?: boolean | undefined;
    error?: boolean | undefined;
    /**
     * @default filled
     */
    sd?: "filled" | "outlined" | undefined;
} & Omit<import("react").HTMLProps<HTMLElement>, "ref" | "disabled" | "type" | "value" | "onChange" | "trailingIcon" | "sd" | "error" | "leadingIcon" | "supportingText" | "labelText" | "readonly"> & import("react").RefAttributes<HTMLInputElement>>;