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

export default () => {
  return (
    <div>
      <Row gutter={[20]}>
        <Col span={4}>
          <Space direction="vertical">
            <InputNumber size="large" prefix="￥" />
            <InputNumber size="large" suffix="%" />
          </Space>
        </Col>
        <Col span={4}>
          <Space direction="vertical">
            <InputNumber prefix="￥" />
            <InputNumber suffix="%" />
          </Space>
        </Col>
        <Col span={4}>
          <Space direction="vertical">
            <InputNumber size="small" prefix="￥" />
            <InputNumber size="small" suffix="%" />
          </Space>
        </Col>
      </Row>
    </div>
  );
};