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

export default () => (
  <>
    <Row autoMode={true}>
      <Col span={24}>默认</Col>
      <Col span={24}>
        <Progress percent={60} />
      </Col>
      <Col span={24}>100%</Col>
      <Col span={24}>
        <Progress percent={100} status="success" />
      </Col>
      <Col span={24}>完成</Col>
      <Col span={24}>
        <Progress
          percent={100}
          status="success"
          infoConfig={{ infoIcon: 'success' }}
        />
      </Col>
      <Col span={24}>进度状态发生重大错误</Col>
      <Col span={24}>
        <Progress
          percent={60}
          status="exception"
          infoConfig={{ infoIcon: 'error' }}
        />
      </Col>
      <Col span={24}>进度被中断</Col>
      <Col span={24}>
        <Progress
          percent={60}
          status="alarm"
          infoConfig={{ infoIcon: 'alarm' }}
        />
      </Col>
    </Row>
  </>
);