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

const Status = () => {
  return (
    <>
      <Row autoMode={true}>
        <Col span={4}>
          <Space direction="vertical">
            <InputNumber
              placeholder="1~2048"
              min={1}
              defaultValue="200"
              max={2048}
            ></InputNumber>
            <InputNumber
              placeholder="1~2048"
              min={1}
              defaultValue="200"
              vertify={{
                status: 'success',
                message: '校验通过文本提示',
              }}
              max={2048}
            ></InputNumber>
            <InputNumber
              placeholder="1~2048"
              defaultValue="200"
              min={1}
              vertify={{
                status: 'warning',
                message: '校验不通过文本提示',
              }}
              max={2048}
            ></InputNumber>
            <InputNumber
              defaultValue="200"
              placeholder="1~2048"
              min={1}
              vertify={{
                status: 'error',
                message: '校验存在严重的问题文本提示',
              }}
              max={2048}
            ></InputNumber>
          </Space>
        </Col>
        <Col span={4}>
          <Space direction="vertical">
            <InputNumber
              placeholder="1~2048"
              controlsType="horizontal"
              min={1}
              defaultValue="200"
              max={2048}
            ></InputNumber>
            <InputNumber
              placeholder="1~2048"
              controlsType="horizontal"
              min={1}
              defaultValue="200"
              vertify={{
                status: 'success',
                message: '校验通过文本提示',
              }}
              max={2048}
            ></InputNumber>
            <InputNumber
              placeholder="1~2048"
              controlsType="horizontal"
              defaultValue="200"
              min={1}
              vertify={{
                status: 'warning',
                message: '校验不通过文本提示',
              }}
              max={2048}
            ></InputNumber>
            <InputNumber
              defaultValue="200"
              placeholder="1~2048"
              controlsType="horizontal"
              min={1}
              vertify={{
                status: 'error',
                message: '校验存在严重的问题文本提示',
              }}
              max={2048}
            ></InputNumber>
          </Space>
        </Col>
      </Row>
    </>
  );
};

export default Status;