Dropdown Menu

"use client";

import {
  DropdownMenu,
  DropdownMenuTrigger,
  DropdownMenuContent,
  DropdownMenuLabel,
  DropdownMenuSeparator,
  DropdownMenuItem,
  DropdownMenuCheckboxItem,
  DropdownMenuShortcut,
} from "@dashboardpack/core/components/ui/dropdown-menu";
import { Button } from "@dashboardpack/core/components/ui/button";
import { useState } from "react";

export default function DropdownMenuExample() {
  const [notifications, setNotifications] = useState(true);
  const [message, setMessage] = useState("No action selected");
  return (
    <DropdownMenu>
      <DropdownMenuTrigger asChild>
        <Button variant="outline">Workspace actions</Button>
      </DropdownMenuTrigger>
      <DropdownMenuContent align="start">
        <DropdownMenuLabel>My workspace</DropdownMenuLabel>
        <DropdownMenuSeparator />
        <DropdownMenuItem onSelect={() => setMessage("New project selected")}>
          New project<DropdownMenuShortcut>⌘N</DropdownMenuShortcut>
        </DropdownMenuItem>
        <DropdownMenuCheckboxItem
          checked={notifications}
          onCheckedChange={setNotifications}
        >
          Notifications
        </DropdownMenuCheckboxItem>
        <DropdownMenuItem disabled>Transfer ownership</DropdownMenuItem>
        <DropdownMenuSeparator />
        <DropdownMenuItem
          onSelect={() => setMessage("Archive selected — preview only")}
        >
          Archive workspace
        </DropdownMenuItem>
        <DropdownMenuLabel className="font-normal text-muted-foreground">
          {message}
        </DropdownMenuLabel>
      </DropdownMenuContent>
    </DropdownMenu>
  );
}