first commit

apps/web/src/components/Breadcrumb.tsx

@@ -0,0 +1,32 @@
+import { ChevronRight, Home } from "lucide-react"
+
+interface BreadcrumbProps {
+  currentPage: string
+}
+
+export function Breadcrumb({ currentPage }: BreadcrumbProps) {
+  const getPageTitle = (page: string) => {
+    switch (page) {
+      case '/':
+        return 'Overview'
+      case '/wallets':
+        return 'Wallets'
+      case '/transactions':
+        return 'Transactions'
+      default:
+        return page.charAt(0).toUpperCase() + page.slice(1)
+    }
+  }
+
+  return (
+    <nav className="flex items-center space-x-1 text-sm text-muted-foreground">
+      <div className="flex items-center space-x-1">
+        <Home className="h-4 w-4" />
+      </div>
+      <ChevronRight className="h-4 w-4" />
+      <span className="font-medium text-foreground">
+        {getPageTitle(currentPage)}
+      </span>
+    </nav>
+  )
+}