'use client'; import * as React from 'react'; import { RiArrowDownLine, RiArrowUpLine, RiCloseLine, RiCornerDownLeftLine, RiSearch2Line, } from '@remixicon/react'; import * as Avatar from './components/ui/avatar'; import * as Button from './components/ui/button'; import * as CommandMenu from './components/ui/command-menu'; import * as CompactButton from './components/ui/compact-button'; import * as Kbd from './components/ui/kbd'; import * as LinkButton from './components/ui/link-button'; import * as Tag from './components/ui/tag'; import { cn } from './utils/cn'; export default function BlockCommandMenu() { const [open, setOpen] = React.useState(true); // --> Uncomment this to open with CMD+K shortcut // // React.useEffect(() => { // const down = (e: KeyboardEvent) => { // if (e.key === 'k' && (e.metaKey || e.ctrlKey)) { // e.preventDefault(); // setOpen((open) => !open); // } // }; // document.addEventListener('keydown', down); // return () => document.removeEventListener('keydown', down); // }, []); return ( <> setOpen(true)} > Open Command Menu {/* Input wrapper */}

{/* ⌘K */} setOpen(false)} >

{/* Searching for */}

What are you looking for?

People Files Emails Actions

{/* History */} See All

Matthew Johnson matthew@alignui.com

Laura Perez laura@alignui.com

Wei Chen wei@alignui.com

Lena Müller lena@alignui.com

Juma Omondi juma@alignui.com

{/* Footer */}

Navigate

Select

Not what you’re looking for? Try the{' '} Help Center

); }