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>
    );
}