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

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

const Breadcrumb: React.FC<BreadcrumbProps> = ({ separator = '>', items = [] }) => {
  return (
    <div className="breadcrumb-wrapper">
      <MyBreadcrumb separator={separator} items={items} />
    </div>
  );
};

export default Breadcrumb;