import React, { ReactElement } from 'react';
import { ButtonSize, ButtonKind, BaseButtonProps } from './types';
import { IconProps } from '../icons/generated';
export interface ButtonProps extends BaseButtonProps {
    fill?: boolean;
    /** @default 'secondary' */
    kind?: ButtonKind;
    /** @default 'medium' */
    size?: ButtonSize;
    /** @default false */
    loading?: boolean;
    /**
     * 버튼 좌측 영역에 렌더링 될 아이콘 요소
     *  - Icon 컴포넌트 color props가 있더라도 kind 따라 currentColor가 지정됩니다.
     *  - Icon 컴포넌트 size props가 있더라도 Icon 사이즈는 ButtonSize에 따라 고정됩니다.
     */
    startIcon?: ReactElement<IconProps>;
    /**
     * 버튼 우측 영역에 렌더링 될 아이콘 요소
     *  - Icon 컴포넌트 color props가 있더라도 kind 따라 currentColor가 지정됩니다.
     *  - Icon 컴포넌트 size props가 있더라도 Icon 사이즈는 ButtonSize에 따라 고정됩니다.
     */
    endIcon?: ReactElement<IconProps>;
}
export interface ButtonIconProps {
    size: ButtonSize;
}
export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;