'use client'

import {
  Building2Icon,
  DollarSign,
  GraduationCap,
  LayoutDashboard,
  UsersIcon,
  WebhookIcon
} from 'lucide-react'

import { NavMain } from '@/components/nav-main'
import {
  Sidebar,
  SidebarContent,
  SidebarFooter,
  SidebarRail
} from '@repo/ui/components/ui/sidebar'

const navMain = [
  {
    title: 'Visão geral',
    url: '/',
    icon: LayoutDashboard
  },
  {
    title: 'Pagamentos',
    url: '/payments',
    icon: DollarSign
  },
  {
    title: 'Matrículas',
    url: '/enrollments',
    icon: GraduationCap
  },
  {
    title: 'Usuários',
    url: '/users',
    icon: UsersIcon
  },
  {
    title: 'Empresas',
    url: '/orgs',
    icon: Building2Icon
  },
  {
    title: 'Webhooks',
    url: '/webhooks',
    icon: WebhookIcon
  }
]

export function AppSidebar() {
  return (
    <Sidebar collapsible="icon">
      <SidebarContent>
        <SidebarRail />
        <NavMain navMain={navMain} />
      </SidebarContent>
      <SidebarFooter />
    </Sidebar>
  )
}
