import type { MouseEventHandler } from 'svelte/elements';
import type { SyvStyles } from '../types';
interface Props {
    oninput(value: string): void;
    value?: string;
    placeholder?: string;
    styles?: SyvStyles<'background-color' | 'background-highlight' | 'border-color' | 'border-radius' | 'gap' | 'text-color'>;
    filter?: MouseEventHandler<HTMLButtonElement>;
    children?: import('svelte').Snippet;
}
declare const SearchBar: import("svelte").Component<Props, {}, "">;
type SearchBar = ReturnType<typeof SearchBar>;
export default SearchBar;