<script lang="ts">
import { Input } from '$shared/shadcn/input/index.js';
import { cn } from '$shared/shadcn/utils/shadcn-utils.js';
import type { ComponentProps } from 'svelte';

let {
    ref = $bindable(null),
    value = $bindable(''),
    class: className,
    ...restProps
}: ComponentProps<typeof Input> = $props();
</script>

<Input
    bind:ref
    bind:value
    data-slot="sidebar-input"
    data-sidebar="input"
    class={cn('bg-background h-8 w-full shadow-none', className)}
    {...restProps}
/>
