text: import React from 'react';
  import { Breadcrumb } from 'antd';
  import { Link } from 'react-router-dom';
  
  const CustomBreadcrumb = (props) => (
    <Breadcrumb style={{ marginBottom: 16 }}>
      {props.arr &&
        props.arr.map((item) => {
          if (typeof item === 'object') {
            return (
              <Breadcrumb.Item key={item.title}>
                <Link to={item.to}>{item.title}</Link>
              </Breadcrumb.Item>
            );
          } else {
            return <Breadcrumb.Item key={item}>{item}</Breadcrumb.Item>;
          }
        })}
    </Breadcrumb>
  );
  export default CustomBreadcrumb;
  