import { NavLink } from 'react-router-dom'
const navItems = [
{ to: '/', label: 'Home', icon: HomeIcon },
{ to: '/purchases', label: 'Purchases', icon: ReceiptIcon },
{ to: '/products', label: 'Products', icon: SearchIcon },
{ to: '/coupons', label: 'Coupons', icon: TagIcon },
{ to: '/settings', label: 'Settings', icon: GearIcon },
]
export function BottomNav() {
return (
)
}
function HomeIcon({ className }: { className?: string }) {
return (
)
}
function ReceiptIcon({ className }: { className?: string }) {
return (
)
}
function SearchIcon({ className }: { className?: string }) {
return (
)
}
function TagIcon({ className }: { className?: string }) {
return (
)
}
function GearIcon({ className }: { className?: string }) {
return (
)
}