import React from 'react';
import { NavLink } from 'react-router-dom';
import { Activity, CircleGauge, Menu, ScanLine } from 'lucide-react';
import { scanPath } from '@/lib/appConfig';
export default function MobileNav(){return <nav className="fixed inset-x-0 bottom-0 z-40 flex h-16 items-center justify-around border-t border-white/10 bg-[#09090b]/95 lg:hidden">{[['',CircleGauge,'Status'],['new-scan',ScanLine,'New Scan'],['capture',Activity,'Capture'],['bridge',Menu,'Settings']].map(([sub,Icon,label])=><NavLink key={sub} to={scanPath(sub)} end={sub===''} className={({isActive})=>`flex flex-col items-center gap-1 text-[11px] ${isActive?'text-[#7dff72]':'text-zinc-500'}`}><Icon size={20}/>{label}</NavLink>)}</nav>}