import { AutocompleteProps } from './Autocomplete.types';
/**
 * 자동완성 입력 컴포넌트
 *
 * @param {AutocompleteProps} props
 * @param {SkillItem[]} props.skillItems - 선택 가능한 기술 항목 목록
 * @param {LegacySkillItem[]} props.legacySkillItems - 레거시 기술 항목 목록
 * @param {string[]} props.selectedItems - 현재 선택된 항목들
 * @param {(item: string) => void} props.onChipDelete - 선택된 항목 삭제 시 호출되는 콜백
 * @param {string} props.value - 입력 필드의 현재 값
 * @param {(value: string) => void} props.onValueChange - 입력 값 변경 시 호출되는 콜백
 * @param {string} props.placeholder - 입력 필드의 플레이스홀더
 * @param {(item: SkillItem) => void} props.onSkillItemClick - 기술 항목 선택 시 호출되는 콜백
 * @param {(item: LegacySkillItem) => void} props.onLegacySkillItemClick - 레거시 항목 선택 시 호출되는 콜백
 * @param {(value: string) => void} props.onInputItemClick - 직접 입력한 값 선택 시 호출되는 콜백
 * @param {string} [props.supportingText] - 입력 필드 아래에 표시되는 도움말 텍스트
 * @param {boolean} [props.hasIndexBar=false] - 알파벳 인덱스 바 표시 여부
 * @param {boolean} [props.isError] - 오류 상태 여부
 * @param {string} [props.errorMessage] - 오류 메시지
 * @param {ReactNode} [props.leadingIcon] - 항목 앞에 표시될 아이콘
 *
 * @example
 * ```tsx
 * <Autocomplete
 *   skillItems={[
 *     { value: 'JavaScript', iconUrl: '/js-icon.png' },
 *     { value: 'TypeScript', iconUrl: '/ts-icon.png' }
 *   ]}
 *   legacySkillItems={[
 *     { value: 'jQuery', count: 5 }
 *   ]}
 *   selectedItems={['React']}
 *   value=""
 *   onValueChange={(value) => console.log(value)}
 *   onChipDelete={(item) => console.log('deleted:', item)}
 *   onSkillItemClick={(item) => console.log('selected:', item)}
 *   placeholder="기술을 입력하세요"
 * />
 * ```
 */
declare const Autocomplete: ({ skillItems, legacySkillItems, selectedItems, onChipDelete, value, onValueChange, placeholder, onSkillItemClick, onLegacySkillItemClick, onInputItemClick, supportingText, hasIndexBar, isError, errorMessage, leadingIcon, }: AutocompleteProps) => import("react/jsx-runtime").JSX.Element;
export { Autocomplete };