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

const App = () => (
  <Row>
    <Col span={8}>
      <Timeline mode="left">
        <Timeline.Item time="2022-07-05">默认状态信息</Timeline.Item>
        <Timeline.Item time="2022-07-05">默认状态信息</Timeline.Item>
        <Timeline.Item time="2022-07-05">默认状态信息</Timeline.Item>
        <Timeline.Item time="2022-07-05">默认状态信息</Timeline.Item>
      </Timeline>
    </Col>
    <Col span={8}>
      <Timeline mode="alternate">
        <Timeline.Item time="2022-07-05">默认状态信息</Timeline.Item>
        <Timeline.Item time="2022-07-05">默认状态信息</Timeline.Item>
        <Timeline.Item time="2022-07-05">默认状态信息</Timeline.Item>
        <Timeline.Item time="2022-07-05">默认状态信息</Timeline.Item>
      </Timeline>
    </Col>
    <Col span={8}>
      <Timeline mode="right">
        <Timeline.Item time="2022-07-05">默认状态信息</Timeline.Item>
        <Timeline.Item time="2022-07-05">默认状态信息</Timeline.Item>
        <Timeline.Item time="2022-07-05">默认状态信息</Timeline.Item>
        <Timeline.Item time="2022-07-05">默认状态信息</Timeline.Item>
      </Timeline>
    </Col>
  </Row>
);

export default App;
