Dropdown Menu

import { Ellipsis, Rocket, Eye, Trash2, Share2, FileDown } from "lucide-react";
import { Button } from "@/components/ui/button";
import {
  DropdownMenu,
  DropdownMenuContent,
  DropdownMenuItem,
  DropdownMenuSeparator,
  DropdownMenuSub,
  DropdownMenuSubContent,
  DropdownMenuSubTrigger,
  DropdownMenuTrigger,
} from "@/components/ui/dropdown-menu";

<DropdownMenu>
  <DropdownMenuTrigger asChild>
    <Button variant="secondary" endIcon={<Ellipsis />}>Actions</Button>
  </DropdownMenuTrigger>
  <DropdownMenuContent align="end">
    <DropdownMenuItem><Rocket /> Production</DropdownMenuItem>
    <DropdownMenuItem><Eye /> Preview</DropdownMenuItem>
    <DropdownMenuSub>
      <DropdownMenuSubTrigger><Share2 /> Export</DropdownMenuSubTrigger>
      <DropdownMenuSubContent>
        <DropdownMenuItem><FileDown /> Docker image</DropdownMenuItem>
      </DropdownMenuSubContent>
    </DropdownMenuSub>
    <DropdownMenuSeparator />
    <DropdownMenuItem variant="destructive"><Trash2 /> Delete</DropdownMenuItem>
  </DropdownMenuContent>
</DropdownMenu>