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