import React from 'react';
import { Breadcrumb as MyBreadcrumb } from 'antd';
import { ItemType } from 'antd/lib/breadcrumb/Breadcrumb';
import './bread.less';

interface P {
  separator?: string;
  items: ItemType[];
}

const Breadcrumb: React.FC<P> = (props) => {
  const { separator = '>', items = [] } = props;

  return (
    <div className={'bread_warp'}>
      <MyBreadcrumb separator={separator} items={items} />
    </div>
  );
};

export default Breadcrumb;