
import Link from "next/link";

const Breadcrumb = ({ title, background, heading }) => {
  return (
    <div className="breadcumb-wrapper"
      style={{ backgroundImage: `url(${background})` }}
    >
      <div className="container">
        <div className="row">
          {
            heading !== "none" && (
              <div className="col-lg-6">
                <div className="breadcumb-content">
                  <h1 className="breadcumb-title">{title}</h1>
                  <ul className="breadcumb-menu">
                    <li>
                      <Link href="/">Home</Link>
                    </li>
                    <li className="active">{title}</li>
                  </ul>
                </div>
              </div>
            )
          }

          {/* <div className="col-lg-6 d-lg-block d-none">
            <div className="breadcumb-thumb">
              <img src="/assets/img/inner-banner-side.png" alt="Banner Side Image" />
            </div>
          </div> */}
        </div>
      </div>
    </div>
  );
};

export default Breadcrumb;
