"use client";
import Link from "next/link";
import type { Route } from "next";
import { usePathname } from "next/navigation";
import { cn } from "@/lib/utils";
function TodayIcon({ active }: { active: boolean }) {
return (
);
}
function PaymentsIcon({ active }: { active: boolean }) {
return (
);
}
function PeopleIcon({ active }: { active: boolean }) {
return (
);
}
function HistoryIcon({ active }: { active: boolean }) {
return (
);
}
export function TabBar() {
const pathname = usePathname();
const items: Array<{
href: Route;
label: string;
icon: (active: boolean) => React.ReactNode;
active: boolean;
}> = [
{
href: "/today",
label: "Today",
icon: (active) => ,
active: pathname === "/today"
},
{
href: "/payments",
label: "Payments",
icon: (active) => ,
active: pathname === "/payments"
},
{
href: "/people",
label: "People",
icon: (active) => ,
active: pathname === "/people" || pathname.startsWith("/people/")
},
{
href: "/history",
label: "History",
icon: (active) => ,
active: pathname === "/history" || pathname.startsWith("/history/")
}
];
return (
);
}