import Link from "next/link";

interface BreadcrumbsType {
  breadcrumbs: {
    title: string;
    path: string;
  }[];
}

function Breadcrumb(data: BreadcrumbsType) {
  return (
    <ol className="breadcrumb">
      {data?.breadcrumbs?.map((item, index, { length }) => {
        return (
          <li
            className={` ${index + 1 === length ? "active" : ""}`}
            key={item.title}
          >
            <Link href={item.path}>{item.title}</Link>
            {index + 1 !== length && <span className="title_span"> &nbsp;{ '>' }&nbsp; </span>}
          </li>
        );
      })}
    </ol>
  );
}


export default Breadcrumb;