import * as React from 'react';
// import { Menu, Breadcrumb } from 'antd';
import { Breadcrumb, Menu } from '@btri-ui/base';

const menu = (
  <Menu>
    <Menu.Item>子页面一</Menu.Item>
    <Menu.Item>子页面二</Menu.Item>
    <Menu.Item>子页面三</Menu.Item>
  </Menu>
);

export default () => (
  <Breadcrumb>
    <Breadcrumb.Item>
      <span>页面一</span>
    </Breadcrumb.Item>
    <Breadcrumb.Item href="#">
      <span>页面二</span>
    </Breadcrumb.Item>
    <Breadcrumb.Item>
      <span>页面三</span>
    </Breadcrumb.Item>
    <Breadcrumb.Item href="">
      <span>页面四</span>
    </Breadcrumb.Item>
    <Breadcrumb.Item overlay={menu}>
      <span>页面五</span>
    </Breadcrumb.Item>
    <Breadcrumb.Item>
      <span>页面六</span>
    </Breadcrumb.Item>
    <Breadcrumb.Item>
      <span>页面七</span>
    </Breadcrumb.Item>
    <Breadcrumb.Item>
      <span>页面八</span>
    </Breadcrumb.Item>
  </Breadcrumb>
);