import { ReactNode, MouseEventHandler, ElementType } from 'react';
import { BaseProps } from '../../types.cjs';
import '@emotion/react';

type TextButtonProps = BaseProps<"button"> & {
    /**
     * 버튼의 variant를 설정할 수 있습니다.
     */
    variant: "primary" | "secondary" | "critical" | "warning" | "on";
    /**
     * 버튼의 사이즈를 설정할 수 있습니다.
     * @default medium
     */
    size?: "large" | "medium" | "small";
    text: string;
    /**
     * @deprecated trailingIcon, leadingIcon을 사용하세요.
     */
    icon?: ReactNode;
    /**
     * @deprecated trailingIcon, leadingIcon을 사용하세요.
     */
    iconPosition?: "left" | "right";
    /**
     * 버튼의 leading icon을 설정합니다.
     */
    leadingIcon?: ReactNode;
    /**
     * 버튼의 trailing icon을 설정합니다..
     */
    trailingIcon?: ReactNode;
    /**
     * 버튼의 로딩 상태를 설정합니다.
     */
    isLoading?: boolean;
    onClick?: MouseEventHandler<HTMLButtonElement>;
    /**
     * @default "button"
     */
    as?: ElementType;
};

export { TextButtonProps };