1<script lang="ts">
2 import { SearchInput } from '$lib/components/app';
3
4 interface Props {
5 value?: string;
6 placeholder?: string;
7 onInput?: (value: string) => void;
8 class?: string;
9 }
10
11 let {
12 value = $bindable(''),
13 placeholder = 'Search conversations...',
14 onInput,
15 class: className
16 }: Props = $props();
17</script>
18
19<SearchInput bind:value {placeholder} {onInput} class="mb-4 {className}" />