import type { Snippet } from 'svelte'; interface SearchBarProps { value?: string; placeholder?: string; buttonLabel?: string; /** Hide the submit button (Enter still submits) */ showButton?: boolean; loading?: boolean; disabled?: boolean; /** * joined — input + button in one chrome (default) * soft — header-style field with shortcut hint * plain — minimal underline-less soft field */ variant?: 'joined' | 'soft' | 'plain'; size?: 'sm' | 'md' | 'lg'; /** Shortcut hint, e.g. "⌘K" — shown when empty (soft/plain) or always trailing */ shortcut?: string; class?: string; /** Extra controls to the right of the field (filters, etc.) */ actions?: Snippet; onsubmit?: (value: string) => void; onclear?: () => void; oninput?: (value: string) => void; } declare const SearchBar: import("svelte").Component; type SearchBar = ReturnType; export default SearchBar;