import { PropsWithChildren, ReactElement } from 'react';
import { BadgeKind, BadgeColor, BadgeSize, BadgeShape } from './types';
import { IconProps } from '../icons/generated';
export interface BadgeProps {
    className?: string;
    /** @default 'outline' */
    kind?: BadgeKind;
    /** @default 'pill' */
    shape?: BadgeShape;
    /** @default 'small' */
    size?: BadgeSize;
    /** @default 'gray' */
    color?: BadgeColor;
    /**
     * 라벨 좌측 영역에 렌더링 될 아이콘 요소
     *  - Icon 컴포넌트 color props가 있더라도 BadgeColor에 따라 currentColor가 지정됩니다.
     *  - Icon 컴포넌트 size props가 없으면 기본으로 8이 지정됩니다.
     */
    startIcon?: ReactElement<IconProps>;
    /**
     * 라벨 우측 영역에 렌더링 될 아이콘 요소
     *  - Icon 컴포넌트 color props가 있더라도 BadgeColor에 따라 currentColor가 지정됩니다.
     *  - Icon 컴포넌트 size props가 없으면 기본으로 8이 지정됩니다.
     */
    endIcon?: ReactElement<IconProps>;
}
export declare const Badge: ({ className, kind, shape, size, color, startIcon, endIcon, children, }: PropsWithChildren<BadgeProps>) => import("@emotion/react/jsx-runtime").JSX.Element;