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

const Single = () => {
  const handleChange = (value: any) => {
    console.log(value);
  };
  return (
    <Row>
      <Col xs={{ span: 24 }} lg={{ span: 8 }}>
        <Select
          placeholder="请选择"
          style={{ width: '100%' }}
          onChange={handleChange}
          allowClear={true}
        >
          <Option value="1">选项一1</Option>
          <Option value="2">选项二</Option>
          <Option value="3">选项三</Option>
          <Option value="4" disabled>
            选项一
          </Option>
          <Option value="5">选项五</Option>
          <Option value="6">选项六</Option>
          <Option value="7">选项七</Option>
          <Option value="8">选项八</Option>
          <Option value="9">选项九</Option>
          <Option value="10">选项十</Option>
          <Option value="11">选项十一</Option>
          <Option value="12">选项十二</Option>
          <Option value="13">选项十三</Option>
          <Option value="14">选项十四</Option>
          <Option value="15">选项十五</Option>
          <Option value="16">选项十六</Option>
          <Option value="17">选项十七</Option>
          <Option value="18">选项十八</Option>
          <Option value="19">选项十九</Option>
          <Option value="20">选项二十</Option>
          <Option value="21">选项二十一</Option>
          <Option value="22">选项二十二</Option>
          <Option value="23">选项二十三</Option>
          <Option value="24">选项二十四</Option>
        </Select>
      </Col>
    </Row>
  );
};
export default Single;
