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

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

export default () => {
  return (
    <Row gutter={[16, 16]}>
      <Col xs={{ span: 24 }} lg={{ span: 12 }}>
        <Select
          style={{ width: '100%' }}
          placeholder="请选择"
          options={data}
          mode="multiple"
          maxTagCount={2}
        ></Select>
      </Col>
      <Col xs={{ span: 24 }} lg={{ span: 12 }}>
        <Select
          style={{ width: '100%' }}
          placeholder="请选择"
          options={data}
          maxTagCount={2}
          mode="multiple"
          maxTagPlaceholder="更多..."
        ></Select>
      </Col>
    </Row>
  );
};