Dropdown menu

1"use client"
2
3import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"
4import { Check, ChevronRight, Circle } from "lucide-react"
5
6import * as React from "react"
7
8import { cn } from "@/lib/utils"
9
10function DropdownMenu({
11  ...props
12}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {
13  return <DropdownMenuPrimitive.Root data-slot="dropdown-menu" {...props} />
14}
15
16function DropdownMenuTrigger({
17  ...props
18}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {
19  return (
20    <DropdownMenuPrimitive.Trigger
21      data-slot="dropdown-menu-trigger"
22      {...props}
23    />
24  )
25}
26
27function DropdownMenuGroup({
28  ...props
29}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {
30  return <DropdownMenuPrimitive.Group {...props} />
31}
32
33function DropdownMenuPortal({
34  ...props
35}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {
36  return <DropdownMenuPrimitive.Portal {...props} />
37}
38
39function DropdownMenuSub({
40  ...props
41}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {
42  return <DropdownMenuPrimitive.Sub {...props} />
43}
44
45function DropdownMenuRadioGroup({
46  ...props
47}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {
48  return <DropdownMenuPrimitive.RadioGroup {...props} />
49}
50
51function DropdownMenuSubTrigger({
52  className,
53  inset,
54  children,
55  ...props
56}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
57  inset?: boolean
58}) {
59  return (
60    <DropdownMenuPrimitive.SubTrigger
61      data-slot="dropdown-menu-sub-trigger"
62      data-inset={inset}
63      className={cn(
64        "flex cursor-default select-none items-center rounded-base border-2 border-transparent bg-main px-2 py-1.5 text-sm font-base outline-hidden focus:border-border gap-2 data-[inset=true]:pl-8 [&_svg]:pointer-events-none [&_svg]:w-4 [&_svg]:h-4 [&_svg]:shrink-0",
65        className,
66      )}
67      {...props}
68    >
69      {children}
70      <ChevronRight className="ml-auto" />
71    </DropdownMenuPrimitive.SubTrigger>
72  )
73}
74
75function DropdownMenuSubContent({
76  className,
77  ...props
78}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {
79  return (
80    <DropdownMenuPrimitive.SubContent
81      className={cn(
82// … truncated