import { ArrowLeftIcon, HomeIcon } from "@heroicons/react/24/outline"; import Link from "next/link"; import { useRouter } from "next/router"; type BreadcrumbsProps = { children: any; }; const Breadcrumbs: React.FC = ({ children }: BreadcrumbsProps) => { const router = useRouter(); return ( <>
router.back()} >

{children}
); }; type BreadcrumbItemProps = { title: string; link?: string; icon?: any; }; const BreadcrumbItem: React.FC = ({ title, link, icon }) => { return ( <> {link ? (

{icon ?? null} {title}

) : (

{icon} {title}

)} ); }; export { Breadcrumbs, BreadcrumbItem };