import { ComponentPropsWithoutRef } from 'react';
import { TextButtonDropdownProps } from '../TextButtonDropdown';
export interface SearchFieldProps extends ComponentPropsWithoutRef<'input'> {
    onSearch: () => void;
    filters?: TextButtonDropdownProps;
}
/**
 * 검색 필드 컴포넌트
 *
 * @description
 * 검색 기능을 위한 입력 필드를 제공합니다. 검색 아이콘과 선택적 필터 드롭다운을 포함합니다.
 *
 * @component
 *
 * @param {Object} props
 * @param {Function} props.onSearch - 검색 실행 시 호출되는 콜백 함수
 * @param {TextButtonDropdownProps} [props.filters] - 필터 드롭다운 설정 (선택사항)
 * @param {boolean} [props.disabled] - 비활성화 상태 여부
 * @param {boolean} [props.spellCheck] - 맞춤법 검사 활성화 여부
 * @param {string} [props.className] - 추가 CSS 클래스
 * @param {Function} [props.onFocus] - 포커스 시 호출되는 콜백 함수
 * @param {Function} [props.onBlur] - 블러 시 호출되는 콜백 함수
 *
 * @example
 * // 기본 사용
 * <SearchField
 *   onSearch={() => console.log('검색 실행')}
 *   placeholder="검색어를 입력하세요"
 * />
 *
 * // 필터가 있는 검색 필드
 * <SearchField
 *   onSearch={() => console.log('검색 실행')}
 *   filters={{
 *     label: "필터",
 *     items: [
 *       { label: "전체", value: "all" },
 *       { label: "제목", value: "title" }
 *     ]
 *   }}
 * />
 */
declare const SearchField: ({ type, onSearch, className, disabled, spellCheck, onFocus, onBlur, filters, ...rest }: SearchFieldProps) => import("react/jsx-runtime").JSX.Element;
export { SearchField };