Menu

import { Copy, Ellipsis, Pencil, Trash2 } from "lucide-react"
import { Button } from "@/components/ui/button"
import {
  Menu,
  MenuCheckboxItem,
  MenuContent,
  MenuItem,
  MenuSeparator,
  MenuShortcut,
  MenuTrigger,
} from "@/components/ui/menu"

export default function MenuDemo() {
  return (
    <Menu>
      <MenuTrigger render={<Button variant="outline" size="icon" aria-label="Actions" />}>
        <Ellipsis />
      </MenuTrigger>
      <MenuContent>
        <MenuItem>
          <Pencil /> Rename <MenuShortcut>R</MenuShortcut>
        </MenuItem>
        <MenuItem>
          <Copy /> Duplicate <MenuShortcut>D</MenuShortcut>
        </MenuItem>
        <MenuCheckboxItem defaultChecked>Pinned</MenuCheckboxItem>
        <MenuSeparator />
        <MenuItem>
          <Trash2 /> Delete
        </MenuItem>
      </MenuContent>
    </Menu>
  )
}