uldp.edu.vn/app/components/Breadcrumb.tsx

interface BreadcrumbProps {
  title: string;
  current: string;
}

export default function Breadcrumb({ title, current }: BreadcrumbProps) {
  return (
    <section
      className="breadcrumb-wrapper fix bg-cover"
      style={{ backgroundImage: "url(/assets/img/inner-page/breadcrumb.jpg)" }}
    >
      <div className="shape">
        <img src="/assets/img/inner-page/shape.png" alt="img" />
      </div>
      <div className="container">
        <div className="page-heading">
          <h1 className="breadcrumb-title">{title}</h1>
          <ul className="breadcrumb-list">
            <li>
              <a href="/">Home</a>
            </li>
            <li>
              <i className="fa-solid fa-chevron-right"></i>
            </li>
            <li>{current}</li>
          </ul>
        </div>
      </div>
    </section>
  );
}