import { Link } from '@tanstack/react-router'

interface BreadcrumbProps {
  title: string
  currentPage?: string
}

export default function Breadcrumb({ title, currentPage }: BreadcrumbProps) {
  return (
    <section className="breadcrum-bg py-20">
      <div className="container mx-auto px-4 py-5">
        <h2 className="text-3xl md:text-4xl font-bold mb-2 font-sans" style={{ color: '#ffffff' }}>
          {title}
        </h2>
        <p className="text-white">
          <Link to="/" className="hover:text-secondary transition-colors">
            Home
          </Link>
          &nbsp; / &nbsp;
          {currentPage || title}
        </p>
      </div>
    </section>
  )
}