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

export default () => {
  const list = [{ separator: '·' }, { separator: '>' }];
  return (
    <>
      <Row autoMode={true}>
        {list.map(item => {
          return (
            <Col span="6" key={item.separator}>
              <Breadcrumb separator={item.separator}>
                <Breadcrumb.Item href="" iconName="Home"></Breadcrumb.Item>
                <Breadcrumb.Item href="#">页面一</Breadcrumb.Item>
                <Breadcrumb.Item href="#">页面三</Breadcrumb.Item>
              </Breadcrumb>
            </Col>
          );
        })}
      </Row>
    </>
  );
};