import * as React from 'react';
type TextareaProps = React.ComponentProps<'textarea'> & {
    errorMsg?: string;
    /**
     * 에러 메시지를 커스터마이징할 수 있는 slot입니다.
     * @example
     * ```tsx
     * <Textarea
     *   errorMsg="에러 메시지"
     *   errorSlot={(message) => (
     *     <Typography variant="b2" className="text-red-400 font-bold">
     *       {message}
     *     </Typography>
     *   )}
     * />
     * ```
     */
    errorSlot?: (message: string) => React.ReactNode;
    /**
     * 글자 수 카운터를 커스터마이징할 수 있는 slot입니다.
     * @example
     * ```tsx
     * <Textarea
     *   maxLength={100}
     *   counterSlot={(current, max) => (
     *     <Typography variant="b2" className="text-gray-400 font-medium">
     *       {current}/{max} 글자
     *     </Typography>
     *   )}
     * />
     * ```
     */
    counterSlot?: (current: number, max: number) => React.ReactNode;
};
/**
 * Textarea 컴포넌트
 *
 * 디자인 시스템 요구사항:
 * - 텍스트가 컨테이너를 넘어갈 경우, 텍스트가 늘어남에 따라 컨테이너도 함께 늘어납니다.
 * - 이를 위해 `field-sizing-content` 클래스를 사용하여 컨테이너의 높이가 내용에 따라 자동으로 조절되도록 구현했습니다.
 *
 * @example
 * ```tsx
 * // 기본 사용
 * <Textarea
 *   placeholder="내용을 입력하세요"
 *   maxLength={100}
 * />
 *
 * // react-hook-form과 함께 사용할 경우
 * const { register } = useForm();
 * <Textarea
 *   {...register('content', {
 *     maxLength: {
 *       value: 100,
 *       message: '최대 100자까지 입력 가능합니다'
 *     }
 *   })}
 * />
 *
 * // useState와 함께 사용할 경우
 * const [value, setValue] = useState('');
 * const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
 *   const newValue = e.target.value;
 *   if (args.maxLength && newValue.length > args.maxLength) {
        setValue(e.target.value.slice(0, args.maxLength));
        return;
    }
    setValue(e.target.value);
 * };
 * <Textarea
 *   value={value}
 *   onChange={handleChange}
 *   maxLength={100}
 * />
 * ```
 */
declare function Textarea({ errorMsg, maxLength, className, value, errorSlot, counterSlot, ...props }: TextareaProps): React.JSX.Element;
export type { TextareaProps };
export { Textarea };
//# sourceMappingURL=index.d.ts.map