import { ComponentPropsWithoutRef } from 'react';
import { MediumSystemIconName } from '../../DataDisplays/SystemIcon';
type variant = 'default' | 'label';
export interface TextFieldProps extends ComponentPropsWithoutRef<'input'> {
    variant?: variant;
    label?: string;
    isError?: boolean;
    leadingIcon?: MediumSystemIconName;
    trailingIcon?: MediumSystemIconName;
    supportMessage?: string;
    measure?: string;
    errorMessage?: string;
    testId?: string;
}
/**
 * 사용자 입력을 받을 수 있는 텍스트 필드 컴포넌트입니다.
 *
 * @component
 * @param {Object} props - 컴포넌트 props
 * @param {'default' | 'label'} [props.variant='default'] - 텍스트 필드의 변형 타입
 * @param {string} [props.label] - 입력 필드의 라벨
 * @param {boolean} [props.isError] - 오류 상태 표시 여부
 * @param {MediumSystemIconName} [props.leadingIcon] - 시작 부분에 표시될 아이콘
 * @param {MediumSystemIconName} [props.trailingIcon] - 끝 부분에 표시될 아이콘
 * @param {string} [props.supportMessage] - 도움말 메시지
 * @param {string} [props.measure] - 측정 단위
 * @param {string} [props.errorMessage] - 오류 메시지
 * @param {string} [props.testId] - 테스트용 ID
 *
 * @example
 * // 기본 텍스트 필드
 * <TextField
 *   placeholder="이름을 입력하세요"
 *   onChange={(e) => handleChange(e)}
 * />
 *
 * // 라벨이 있는 텍스트 필드
 * <TextField
 *   variant="label"
 *   label="이름"
 *   placeholder="홍길동"
 *   leadingIcon="user"
 *   supportMessage="실명을 입력해주세요"
 * />
 *
 * // 에러 상태의 텍스트 필드
 * <TextField
 *   variant="default"
 *   isError={true}
 *   errorMessage="필수 입력 항목입니다"
 *   maxLength={50}
 * />
 */
declare const TextField: import("react").ForwardRefExoticComponent<TextFieldProps & import("react").RefAttributes<HTMLInputElement>>;
export { TextField };