"use client"; import { CopyIcon, EllipsisIcon, PencilIcon, ShareIcon, TrashIcon, } from "lucide-react"; import { useMediaQuery } from "@/registry/default/hooks/use-media-query"; import { Button } from "@/registry/default/ui/button"; import { Drawer, DrawerClose, DrawerMenu, DrawerMenuCheckboxItem, DrawerMenuGroup, DrawerMenuGroupLabel, DrawerMenuItem, DrawerMenuRadioGroup, DrawerMenuRadioItem, DrawerMenuSeparator, DrawerMenuTrigger, DrawerPanel, DrawerPopup, DrawerTrigger, } from "@/registry/default/ui/drawer"; import { Menu, MenuCheckboxItem, MenuGroup, MenuGroupLabel, MenuItem, MenuPopup, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuSub, MenuSubPopup, MenuSubTrigger, MenuTrigger, } from "@/registry/default/ui/menu"; const TRIGGER_ARIA_LABEL = "Open menu"; export default function Particle() { const isMobile = useMediaQuery("max-md"); if (isMobile) { return ( } > Actions }> Edit }> Duplicate }> Share Shuffle Repeat Enhanced Audio Sort by Artist Album Title Auto save Add to Playlist Add to Playlist }> Jazz Rock Rock }> Hard Rock }> Soft Rock }> Classic Rock }> Metal }> Punk }> Grunge }> Alternative }> Indie }> Electronic }>Pop Danger zone }> Delete ); } return ( } > Actions Edit Duplicate Share Shuffle Repeat Enhanced Audio Sort by Artist Album Title Auto save Add to Playlist Jazz Rock Hard Rock Soft Rock Classic Rock Metal Punk Grunge Alternative Indie Electronic Pop Danger zone Delete ); }

Drawer 13

Instalação

Dependências

Registry dependencies