"use client";
import Link from "next/link";
import { usePathname } from "next/navigation";
import { useCart } from "@/lib/cart-context";
import { useWishlist } from "@/lib/wishlist-context";
export default function MobileTabBar() {
const pathname = usePathname();
const { count } = useCart();
const { count: wishlistCount } = useWishlist();
const tabs = [
{ href: "/", label: "Home", icon: HomeIcon },
{ href: "/shop", label: "Shop", icon: ShopIcon },
{ href: "/wishlist", label: "Wishlist", icon: HeartIcon, badge: wishlistCount },
{ href: "/track-order", label: "Orders", icon: OrdersIcon },
{ href: "/cart", label: "Cart", icon: CartIcon, badge: count },
];
return (
);
}
function HomeIcon({ className }: { className?: string }) {
return (
);
}
function ShopIcon({ className }: { className?: string }) {
return (
);
}
function HeartIcon({ className }: { className?: string }) {
return (
);
}
function OrdersIcon({ className }: { className?: string }) {
return (
);
}
function CartIcon({ className }: { className?: string }) {
return (
);
}