'use client'

import { BarChart3, Home } from 'lucide-react'
import { RoleNav, type NavItem, type RoleNavUser } from '@/components/layouts/role-nav'

const navigation: NavItem[] = [
  {
    name: 'Dashboard',
    href: '/observer',
    icon: Home,
  },
  {
    name: 'Reports',
    href: '/observer/reports',
    icon: BarChart3,
  },
]

interface ObserverNavProps {
  user: RoleNavUser
}

export function ObserverNav({ user }: ObserverNavProps) {
  return (
    <RoleNav
      navigation={navigation}
      roleName="Observer"
      user={user}
      basePath="/observer"
    />
  )
}