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

export default () => {
  return (
    <div>
      <Row autoMode={true}>
        <Col span={4}>
          <Input placeholder="输入文本" disabled></Input>
        </Col>
        <Col span={4}>
          <Input
            placeholder="输入文本"
            defaultValue="文本内容"
            disabled
          ></Input>
        </Col>
        <Col span={4}>
          <Input
            placeholder="输入文本"
            vertify={{
              status: 'success',
            }}
            defaultValue="成功状态"
          ></Input>
        </Col>
        <Col span={4}>
          <Input
            placeholder="输入文本"
            vertify={{
              status: 'warning',
            }}
            defaultValue="告警状态"
          ></Input>
        </Col>
        <Col span={4}>
          <Input
            placeholder="输入文本"
            vertify={{
              status: 'error',
            }}
            defaultValue="错误状态"
          ></Input>
        </Col>
        <Col span={4}>
          <Input
            placeholder="输入文本"
            vertify={{
              status: 'success',
              message: '校验通过文本提示',
            }}
            defaultValue="成功状态"
          ></Input>
        </Col>
        <Col span={4}>
          <Input
            placeholder="输入文本"
            vertify={{
              status: 'warning',
              message: '校验不通过文本提示',
            }}
            defaultValue="警告状态"
          ></Input>
        </Col>
        <Col span={4}>
          <Input
            placeholder="输入文本"
            vertify={{
              status: 'error',
              message: '校验存在严重问题文本提示',
            }}
            defaultValue="错误状态"
          ></Input>
        </Col>
      </Row>
    </div>
  );
};
