import { ReactNode } from 'react';
export type TextFieldMessagesType = {
    text: string;
    type: "neutral" | "fail" | "success";
    icon?: ReactNode;
};
export type TextFieldAtomType = {
    id?: string;
    name?: string;
    className?: string;
    label?: string;
    showCharacterCounter?: boolean;
    message?: string;
    placeholder?: string;
    /** Variant props */
    indicator?: "neutral" | "fail" | "success";
    state?: "default" | "disabled";
    type?: "outline" | "fill";
    textAlignment?: "left" | "center";
    /** Custom props */
    isGroup?: boolean;
    isLeftGroup?: boolean;
    variant?: "labelled" | "labelless";
    iconLeft?: ReactNode;
    iconLeftSecondary?: ReactNode;
    iconRight?: ReactNode;
    iconStatus?: ReactNode;
    iconExtra?: ReactNode;
    labelLeft?: string;
    labelLeftValue?: string;
    labelRight?: string;
    contentRight?: ReactNode;
    isRequired?: boolean;
    optionalText?: string;
    maxLength?: number;
    inputType?: "text" | "password" | "number" | "email" | "tel" | "url";
    inputElement?: "input" | "textarea";
    size?: "lg" | "md" | "sm";
    showStatusIcon?: boolean;
    value?: string | number;
    allowTyping?: boolean;
    messages?: TextFieldMessagesType[];
    containerRef?: React.RefObject<HTMLDivElement>;
    customContent?: ReactNode;
    customInnerContent?: ReactNode;
    onChange?: (value: string | number) => void;
    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
    onAddonLeftClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
    onFocus?: () => void;
    onBlur?: () => void;
    onBeforeChange?: (value: string | number) => boolean;
};
declare const TextFieldAtom: import('react').ForwardRefExoticComponent<TextFieldAtomType & import('react').RefAttributes<HTMLInputElement>>;
export default TextFieldAtom;