import { DetailedHTMLProps, HTMLInputTypeAttribute, InputHTMLAttributes, ReactNode, TextareaHTMLAttributes } from 'react';
export type TextAreaProps = TextareaHTMLAttributes<HTMLTextAreaElement>;
export type InputProps = DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
export type TextFieldProps<T> = {
    /**
     * Render variant
     */
    variant?: 'filled' | 'outlined';
    /**
     * Render as disabled
     */
    disabled?: boolean;
    /**
     * Value of the input
     */
    value?: string;
    /**
     * Custom placeholder content
     */
    placeholder?: string;
    /**
     * Render as error
     */
    error?: boolean;
    /**
     * Custom label component
     */
    label?: ReactNode;
    /**
     * Custom helper component
     */
    helper?: ReactNode;
    /**
     * Type of the input element
     */
    type?: HTMLInputTypeAttribute | 'text-area';
    /**
     * Custom attributes for the HTML input element
     */
    inputProps?: T;
    /**
     * Custom prefix - only works with input type that isn't text-field
     */
    prefix?: ReactNode;
    /**
     * Custom suffix - only works with input type that isn't text-field
     */
    suffix?: ReactNode;
    /**
     * HTML Form name
     */
    name?: string;
    /**
     * Custom change handler
     */
    onChange?: (value: string) => void;
};
/**
 * TextField component.
 */
export declare const TextField: (props: TextFieldProps<unknown> & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;