'use client'

import { Home, Users, FileText, MessageSquare } from 'lucide-react'
import { RoleNav, type NavItem, type RoleNavUser } from '@/components/layouts/role-nav'
import { useTranslations } from 'next-intl'

interface ApplicantNavProps {
  user: RoleNavUser
}

export function ApplicantNav({ user }: ApplicantNavProps) {
  const t = useTranslations('nav')
  const navigation: NavItem[] = [
    {
      name: t('dashboard'),
      href: '/applicant',
      icon: Home,
    },
    {
      name: t('team'),
      href: '/applicant/team',
      icon: Users,
    },
    {
      name: t('documents'),
      href: '/applicant/documents',
      icon: FileText,
    },
    {
      name: t('mentoring'),
      href: '/applicant/mentor',
      icon: MessageSquare,
    },
  ]

  return (
    <RoleNav
      navigation={navigation}
      roleName="Applicant"
      user={user}
      basePath="/applicant"
    />
  )
}
