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

const options = [
  { label: '选项一', value: '1' },
  { label: '选项二', value: '2' },
  { label: '选项三', value: '3' },
  { label: '选项四', value: '4' },
  { label: '选项五', value: '5' },
  { label: '选项六', value: '6' },
];

const Multiple = () => {
  const [value, setValue] = React.useState(['1']);
  const handleChange = (value: any) => {
    setValue(value);
    console.log(value);
  };
  return (
    <Row gutter={[16, 16]}>
      <Col xs={{ span: 24 }} lg={{ span: 8 }}>
        <Select
          placeholder="请选择"
          mode="multiple"
          onChange={handleChange}
          style={{ width: '100%' }}
          options={options}
          value={value}
        ></Select>
      </Col>
    </Row>
  );
};
export default Multiple;
