omnidash/src/lib/components/ui/command/command-input.svelte

23 lines
709 B
Svelte

<script lang="ts">
import { Command as CommandPrimitive } from 'cmdk-sv';
import { Search } from 'lucide-svelte';
import { cn } from '$lib/utils';
type $$Props = CommandPrimitive.InputProps;
let className: string | undefined | null = undefined;
export { className as class };
export let value: string = '';
</script>
<div class="flex items-center border-b px-3" data-cmdk-input-wrapper="">
<Search class="mr-2 h-4 w-4 shrink-0 opacity-50" />
<CommandPrimitive.Input
class={cn(
'flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50',
className
)}
{...$$restProps}
bind:value
/>
</div>