import * as React from 'react';
import { Select, Row, Col } from '@btri-ui/base';
const { Option } = Select;

const Size = () => {
  const handleChange = (value: any) => {
    console.log(value);
  };
  return (
    <Row gutter={[16, 16]}>
      <Col xs={{ span: 24 }} lg={{ span: 8 }}>
        <Select
          placeholder="请选择"
          size="small"
          style={{ width: '100%' }}
          onChange={handleChange}
        >
          <Option value="1">选项一</Option>
        </Select>
      </Col>
      <Col xs={{ span: 24 }} lg={{ span: 8 }}>
        <Select
          placeholder="请选择"
          style={{ width: '100%' }}
          onChange={handleChange}
        >
          <Option value="1">选项一</Option>
        </Select>
      </Col>
      <Col xs={{ span: 24 }} lg={{ span: 8 }}>
        <Select
          placeholder="请选择"
          size="large"
          style={{ width: '100%' }}
          onChange={handleChange}
        >
          <Option value="1">选项一</Option>
        </Select>
      </Col>
    </Row>
  );
};
export default Size;
