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