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

export default () => {
  const onChange = (e) => {
    console.log(`checked = ${e.target.checked}`);
  };
  return (
    <>
      <Row autoMode={true}>
        <Col span={2}>
          <Checkbox onChange={onChange}>Checkbox</Checkbox>
        </Col>
        <Col span={2}>
          <Checkbox disabled>Checkbox</Checkbox>
        </Col>
        <Col span={2}>
          <Checkbox indeterminate={true}>半选中</Checkbox>
        </Col>
        <Col span={2}>
          <Checkbox checked={true} disabled>
            选中
          </Checkbox>
        </Col>
        <Col span={2}>
          <Checkbox indeterminate={true} disabled>
            半选禁用
          </Checkbox>
        </Col>
      </Row>
    </>
  );
};