/**
 * title: "尺寸"
 * description: ""
 */
import React from 'react';
import { Switch, Grid } from '@alicloud/console-components';

const { Row, Col } = Grid;

export default () => {
  return (
    <div>
      <h4>默认 24px</h4>
      <Row>
        <Col>
          <Switch defaultChecked />
          <br />
          <br />
          <Switch />
        </Col>
        <Col>
          <Switch defaultChecked disabled />
          <br />
          <br />
          <Switch disabled />
        </Col>
        <Col>
          <Switch defaultChecked loading />
          <br />
          <br />
          <Switch loading />
        </Col>
      </Row>
      <br />
      <h4>小号 24px</h4>
      <Row>
        <Col>
          <Switch defaultChecked size="small" />
          <br />
          <br />
          <Switch size="small" />
        </Col>
        <Col>
          <Switch defaultChecked disabled size="small" />
          <br />
          <br />
          <Switch disabled size="small" />
        </Col>
        <Col>
          <Switch defaultChecked loading size="small" />
          <br />
          <br />
          <Switch loading size="small" />
        </Col>
      </Row>
    </div>
  );
};


