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

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

  return (
    <>
      <Breadcrumb>
        <Breadcrumb.Item href="" iconName="Home"></Breadcrumb.Item>
        <Breadcrumb.Item href="" overlay={menu}>
          页面二
        </Breadcrumb.Item>
        <Breadcrumb.Item href="" overlay={menu}>
          页面三
        </Breadcrumb.Item>
      </Breadcrumb>
    </>
  );
};
