import { ComponentProps, ChangeEventHandler, FocusEventHandler } from 'react';
import { LabelProps } from '../Label/Label.types.js';
import { BaseProps } from '../types.js';
import '@emotion/react';

type TextareaCoreProps = Pick<ComponentProps<"textarea">, "autoFocus" | "placeholder" | "maxLength" | "name"> & {
    nativeOnChange?: ChangeEventHandler<HTMLTextAreaElement>;
    nativeOnBlur?: FocusEventHandler<HTMLTextAreaElement>;
    nativeOnFocus?: FocusEventHandler<HTMLTextAreaElement>;
    onChange?: (value: string) => void;
    maxLength?: number;
    setIsFocus?: (value: boolean) => void;
    value?: string;
    disabled?: boolean;
    native?: Pick<TextareaProps, "native">;
};
type TextareaProps = BaseProps<"textarea"> & Omit<TextareaCoreProps, "setIsFocus"> & {
    label?: string;
    labelProps?: Omit<LabelProps<"label">, "text">;
    characterCount?: boolean;
    /**
     * min: 100px
     *
     * default: 140px
     *
     * max: 184px
     * @default default
     */
    height?: "default" | "min" | "max";
    isError?: boolean;
    isFocus?: boolean;
    helperText?: string;
    errorText?: string;
};

export { TextareaCoreProps, TextareaProps };