import React from "react";
const BreadCrumb = ({ breadCrumbs, grayLeftArrow, blackLeftArrow }) => {
return (
{breadCrumbs.map((breadCrumb, index) => (
{breadCrumb.name}
{/* {console.log(breadCrumb.active)} */}
{Number(index) !== breadCrumbs.length - 1 && (
{/* {console.log(breadCrumbs)}
{console.log(breadCrumbs[breadCrumbs.length - 1])}
{console.log(
breadCrumb.length ? "text-red-900" : "text-blue-400"
)} */}
{/* {breadCrumb.active === true ? (

) : (

)} */}
{Number(index) === breadCrumbs.length - 2 ? (

) : (

)}
)}
))}
);
};
export default BreadCrumb;
BreadCrumb.defaultProps = {
grayLeftArrow: "images/BreadCrumbgray-arrow-left.svg",
blackLeftArrow: "images/BreadCrumbblack-arrow-left.svg",
breadCrumbs: [
{
name: "صفحه اصلی",
},
{
name: "آمار و گزارشات",
},
{
name: "فروش محصولات",
},
{
name: "سال 1400",
},
],
};