import { DocumentIcon } from "@/app/components/icons/document";
import HomeIcon from "@/app/components/icons/home";
import { UserIcon } from "@/app/components/icons/user";
import { usePathname } from "next/navigation";

type LinkItem = {
  name: string;
  href: string;
  icon: (props: { className?: string }) => JSX.Element;
};
export default function navLinkPersonalVM() {
  const pathname = usePathname();
  // Map of links to display in the side navigation.
  // Depending on the size of the application, this would be stored in a database.
  const links: LinkItem[] = [
    { name: "Home", href: "/dashboard", icon: HomeIcon },
    {
      name: "Invoices",
      href: "/dashboard/invoices",
      icon: DocumentIcon,
    },
    { name: "Customers", href: "/dashboard/customers", icon: UserIcon },
  ];
  return {
    links,
    isLinkActive: (link: LinkItem) => pathname === link.href,
  };
}