import { Copy, FileText, Pencil, Trash2 } from "lucide-react"import {  ContextMenu,  ContextMenuContent,  ContextMenuItem,  ContextMenuSeparator,  ContextMenuShortcut,  ContextMenuTrigger,} from "@/components/ui/8bit/context-menu"export default function ContextMenuDemo() {  return (    <ContextMenu>      <ContextMenuTrigger className="flex w-full max-w-sm items-center gap-3 rounded-md border p-4 text-left outline-none focus-visible:ring-2 focus-visible:ring-ring">        <FileText className="size-5 text-muted-foreground" />        <span className="min-w-0 flex-1">          <span className="block truncate text-sm font-medium">release-notes.md</span>          <span className="block text-xs text-muted-foreground">Markdown document · 12 KB</span>        </span>        <span className="text-xs text-muted-foreground">Right-click</span>      </ContextMenuTrigger>      <ContextMenuContent className="w-52">        <ContextMenuItem>          <FileText className="mr-2 size-4" />          Open        </ContextMenuItem>        <ContextMenuItem>          <Copy className="mr-2 size-4" />          Copy          <ContextMenuShortcut>⌘C</ContextMenuShortcut>        </ContextMenuItem>        <ContextMenuItem>          <Pencil className="mr-2 size-4" />          Rename        </ContextMenuItem>        <ContextMenuSeparator />        <ContextMenuItem className="text-destructive focus:text-destructive">          <Trash2 className="mr-2 size-4" />          Delete        </ContextMenuItem>      </ContextMenuContent>    </ContextMenu>  )}