import { ComponentPropsWithoutRef } from 'react';
import { LargeSystemIconName, MediumSystemIconName } from '../../DataDisplays/SystemIcon';
export interface ChoiceChipProps extends ComponentPropsWithoutRef<'input'> {
    label: string;
    error?: boolean;
    leadingIcon?: LargeSystemIconName;
    trailingIcon?: MediumSystemIconName;
}
/**
 * 선택 가능한 칩 컴포넌트입니다.
 *
 * @component
 * @param {Object} props - 컴포넌트 속성
 * @param {string} props.label - 칩에 표시될 텍스트 라벨
 * @param {boolean} [props.checked=false] - 체크박스의 선택 상태를 제어
 * @param {boolean} [props.error=false] - 에러 상태를 표시
 * @param {LargeSystemIconName} [props.leadingIcon] - 칩 좌측에 표시되는 큰 아이콘
 * @param {MediumSystemIconName} [props.trailingIcon] - 칩 우측에 표시되는 중간 크기 아이콘
 * @param {function} [props.onChange] - 체크박스 상태 변경 시 호출되는 이벤트 핸들러
 *
 * @example
 * // 기본 사용
 * <ChoiceChip
 *   label="선택 옵션"
 * />
 *
 * // 아이콘이 포함된 칩
 * <ChoiceChip
 *   label="아이콘 옵션"
 *   leadingIcon="home"
 *   trailingIcon="close"
 * />
 *
 * // 에러 상태의 칩
 * <ChoiceChip
 *   label="에러 상태"
 *   error={true}
 * />
 *
 * // 선택된 상태의 칩
 * <ChoiceChip
 *   label="선택된 옵션"
 *   checked={true}
 *   onChange={(e) => console.log('선택 상태:', e.target.checked)}
 * />
 */
declare const ChoiceChip: import("react").ForwardRefExoticComponent<ChoiceChipProps & import("react").RefAttributes<HTMLInputElement>>;
export { ChoiceChip };