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'
      case '/profile':
        return 'Profile'
      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>
  )
}
