import { ReactNode } from 'react';
import { BadgeType } from '../../../types/badge.types';
export interface WithBadgeProps extends BadgeType {
    children: ReactNode;
}
/**
 * 자식 요소의 우측 상단에 뱃지를 표시하는 래퍼 컴포넌트입니다.
 *
 * @param {Object} props
 * @param {ReactNode} props.children - 뱃지와 함께 표시될 자식 요소
 * @param {string} [props.text] - 뱃지에 표시될 텍스트 (variant가 'new'가 아닐 때 사용)
 * @param {string} [props.className] - 추가적인 스타일링을 위한 클래스명
 * @param {'primary' | 'secondary' | 'new'} [props.variant='primary'] - 뱃지의 스타일 변형 (primary, secondary, new)
 * @param {boolean} [props.showZero=false] - 텍스트가 '0'일 때도 뱃지를 표시할지 여부
 *
 * @example
 * // 숫자 뱃지 사용
 * <WithBadge text="5" variant="primary">
 *   <Button>알림</Button>
 * </WithBadge>
 *
 * // NEW 뱃지 사용
 * <WithBadge variant="new">
 *   <MenuItem>새로운 기능</MenuItem>
 * </WithBadge>
 */
declare const WithBadge: ({ text, children, className, variant, showZero, }: WithBadgeProps) => import("react/jsx-runtime").JSX.Element;
export { WithBadge };