import Breadcrumb from '..';
import Menu from '../../menu';

import React from 'react';
import ReactDOM from 'react-dom';
const menu = (
  <Menu>
    <Menu.Item>
      <a
        target="_blank"
        rel="noopener noreferrer"
        href="http://www.alipay.com/"
      >
        General
      </a>
    </Menu.Item>
    <Menu.Item>
      <a
        target="_blank"
        rel="noopener noreferrer"
        href="http://www.taobao.com/"
      >
        Layout
      </a>
    </Menu.Item>
    <Menu.Item>
      <a target="_blank" rel="noopener noreferrer" href="http://www.tmall.com/">
        Navigation
      </a>
    </Menu.Item>
  </Menu>
);
ReactDOM.render(
  <div>
    <Breadcrumb>
      <Breadcrumb.Item link="#">Home</Breadcrumb.Item>
      <Breadcrumb.Item link="#" overlay={menu}>
        All Categories
      </Breadcrumb.Item>
      <Breadcrumb.Item link="#">Women’s Clothing</Breadcrumb.Item>
      <Breadcrumb.Item link="#">Blouses & Shirts</Breadcrumb.Item>
      <Breadcrumb.Item>
        T-shirts <b>78,999</b> Results
      </Breadcrumb.Item>
    </Breadcrumb>
  </div>,
  document.getElementById('breadcrumb-demo-1'),
);
