import { PropsWithChildren } from 'react';
import { SystemIconName } from '../../DataDisplays';
export interface FilterChipProps extends PropsWithChildren {
    text: string;
    leadingIcon?: SystemIconName;
    trailingIcon?: SystemIconName;
    badgeCount?: string;
    className?: string;
    isOpen?: boolean;
    onClick?: () => void;
}
/**
 * 필터 선택 및 상태를 표시하는 칩 컴포넌트입니다.
 *
 * @component
 * @param {Object} props
 * @param {string} props.text - 칩에 표시될 텍스트
 * @param {SystemIconName} [props.leadingIcon] - 텍스트 앞에 표시될 아이콘
 * @param {SystemIconName} [props.trailingIcon] - 텍스트 뒤에 표시될 아이콘
 * @param {string} [props.badgeCount] - 선택된 항목 수를 표시하는 뱃지 텍스트
 * @param {string} [props.className] - 추가적인 스타일 클래스
 * @param {boolean} [props.isOpen=false] - 드롭다운 메뉴의 열림 상태
 * @param {() => void} [props.onClick] - 클릭 이벤트 핸들러
 * @param {React.ReactNode} [props.children] - 드롭다운 메뉴의 내부 컨텐츠
 *
 * @example
 * // 기본 사용
 * <FilterChip text="카테고리" />
 *
 * // 아이콘과 함께 사용
 * <FilterChip
 *   text="필터"
 *   leadingIcon="filter"
 *   trailingIcon="chevron-down"
 * />
 *
 * // 선택된 항목 수 표시
 * <FilterChip
 *   text="상태"
 *   badgeCount="3"
 *   leadingIcon="status"
 * />
 *
 * // 드롭다운 메뉴와 함께 사용
 * <FilterChip
 *   text="정렬"
 *   isOpen={true}
 *   leadingIcon="sort"
 * >
 *   <DropdownMenu>
 *     <MenuItem>최신순</MenuItem>
 *     <MenuItem>오래된순</MenuItem>
 *   </DropdownMenu>
 * </FilterChip>
 */
declare const FilterChip: import("react").ForwardRefExoticComponent<FilterChipProps & import("react").RefAttributes<HTMLDivElement>>;
export { FilterChip };