src/components/nav-main.tsx 660 B raw
1
import { type LucideIcon } from "lucide-react"
2
3
import {
4
  SidebarMenu,
5
  SidebarMenuButton,
6
  SidebarMenuItem,
7
} from "@/components/ui/sidebar"
8
9
export function NavMain({
10
  items,
11
}: {
12
  items: {
13
    title: string
14
    url: string
15
    icon: LucideIcon
16
    isActive?: boolean
17
  }[]
18
}) {
19
  return (
20
    <SidebarMenu>
21
      {items.map((item) => (
22
        <SidebarMenuItem key={item.title}>
23
          <SidebarMenuButton asChild isActive={item.isActive}>
24
            <a href={item.url}>
25
              <item.icon />
26
              <span>{item.title}</span>
27
            </a>
28
          </SidebarMenuButton>
29
        </SidebarMenuItem>
30
      ))}
31
    </SidebarMenu>
32
  )
33
}