import { Link } from 'react-router-dom';
import { LayoutDashboard, Users, BriefcaseMedical, Factory, Settings } from 'lucide-react';
const items = [['/',LayoutDashboard],['/patients',Users],['/cases',BriefcaseMedical],['/manufacturing',Factory],['/settings',Settings]];
const MobileNav = () => <nav className="fixed bottom-3 left-1/2 z-50 flex -translate-x-1/2 gap-1 rounded-2xl border border-white/10 bg-slate-950/90 p-2 shadow-2xl backdrop-blur-xl md:hidden">
  {items.map(([to,Icon]) => <Link to={to} key={to} className="grid h-9 w-11 place-items-center rounded-xl text-slate-500 hover:bg-cyan-400/10 hover:text-cyan-300"><Icon className="h-4 w-4" /></Link>)}
</nav>;
export default MobileNav;