ბრძანებების ძიება · Command

"use client";
import { useEffect, useState } from "react";
import { Button } from "@llc-conciergia/ui/button";
import { CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from "@llc-conciergia/ui/command";
export function Example() {
 const [open, setOpen] = useState(false);
 useEffect(() => { const key = (event: KeyboardEvent) => { if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === "k") { event.preventDefault(); setOpen(value => !value); } }; window.addEventListener("keydown", key); return () => window.removeEventListener("keydown", key); }, []);
 return <><Button onClick={() => setOpen(true)}>ბრძანებების ძიება ⌘K</Button><CommandDialog open={open} onOpenChange={setOpen} title="სასტუმროს ძიება" description="აირჩიეთ განყოფილება"><CommandInput /><CommandList><CommandEmpty /><CommandGroup heading="სასტუმრო"><CommandItem value="rooms" keywords={["ნომრები", "ოთახი"]} onSelect={() => setOpen(false)}>ნომრები</CommandItem><CommandItem value="guests" keywords={["სტუმრები"]} onSelect={() => setOpen(false)}>სტუმრები</CommandItem></CommandGroup></CommandList></CommandDialog></>;
}