Breadcrumbs

components/Breadcrumbs.tsx

@@ -0,0 +1,25 @@
+
+interface BreadcrumbsProps {
+    breadcrumbPath?: string[];
+}
+
+export default function Breadcrumbs({ breadcrumbPath = ['Home'] }: BreadcrumbsProps) {
+    return(
+        <div className="w-full">
+            <div className="breadcrumbs text-sm">
+                <ul className="pl-4 pt-4">
+                    {breadcrumbPath.map((item, index) => (
+                        <li key={index}>
+                            {index < breadcrumbPath.length - 1 ? (
+                                <a>{item}</a>
+                            ) : (
+                                item
+                            )}
+                        </li>
+                    ))}
+                </ul>
+                <div className="divider"></div>
+            </div>
+        </div>
+    )
+}