import { ComponentProps } from 'react';
import { SystemIconName } from '../SystemIcon/SystemIcon.types';
export interface LabelRootProps extends ComponentProps<'div'> {
    type?: 'text' | 'outlined' | 'filled';
    variant?: 'primary' | 'gray';
    size?: 'sm' | 'md';
    canHover?: boolean;
}
export interface LabelIconProps extends ComponentProps<'div'> {
    icon?: SystemIconName;
}
/**
 * @module Label
 * @description 레이블을 구성하는 컴포넌트들의 집합입니다.
 * @property {Component} Root - 레이블의 컨테이너 컴포넌트
 * @property {Component} Text - 레이블의 텍스트 컴포넌트
 * @property {Component} Icon - 레이블의 아이콘 컴포넌트
 * @example
 * // 기본 텍스트 레이블
 * <Label.Root>
 *   <Label.Text>Basic Label</Label.Text>
 * </Label.Root>
 *
 * // 아이콘이 있는 primary filled 레이블
 * <Label.Root type="filled" variant="primary">
 *   <Label.Icon icon="check" />
 *   <Label.Text>Status Complete</Label.Text>
 * </Label.Root>
 *
 * // 작은 크기의 회색 outlined 레이블
 * <Label.Root type="outlined" variant="gray" size="sm">
 *   <Label.Text>Draft</Label.Text>
 * </Label.Root>
 *
 * // 호버 효과가 있는 양쪽 아이콘 레이블
 * <Label.Root type="filled" canHover>
 *   <Label.Icon icon="calendar" />
 *   <Label.Text>Schedule</Label.Text>
 *   <Label.Icon icon="chevronDown" />
 * </Label.Root>
 */
declare const Label: {
    Root: ({ children, className, size, type, variant, ref, canHover, ...rest }: LabelRootProps) => import("react/jsx-runtime").JSX.Element;
    Text: ({ children, className }: ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
    Icon: ({ children, className, icon }: LabelIconProps) => import("react/jsx-runtime").JSX.Element;
};
export { Label };