'use client'; import * as React from 'react'; import { RiAppsFill, RiArrowDownLine, RiArrowRightSLine, RiArrowUpLine, RiCloseLine, RiCornerDownLeftLine, RiSearch2Line, RiSettings2Fill, RiSettings2Line, RiShoppingBag2Fill, } from '@remixicon/react'; 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 */}

Searching for

Settings (36) Orders (4) Products (2)

{/* History */} See All

Customer communications Interactions between a business and its customers through various channels.

Customer SMS notification Automated text messages providing updates or information to customers.

Customize email templates Tailoring pre-designed email layouts to match branding and messaging preferences.

Custom order fulfillment Fulfilling customer orders with tailored or specialized handling

{/* Footer */}

Navigate

Select

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

); }