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

const { Row, Col } = Grid;

const checkedText = <Icon type="select" size="xs" />;
const unCheckedText = <Icon type="close" size="xs" />;

export default () => {
  return (
    <Row>
      <Col>
        <Switch
          autoWidth
          defaultChecked
          checkedChildren={checkedText}
          unCheckedChildren={unCheckedText}
        />
        <br />
        <br />
        <Switch
          autoWidth
          checkedChildren={checkedText}
          unCheckedChildren={unCheckedText}
        />
      </Col>
      <Col>
        <Switch
          autoWidth
          defaultChecked
          disabled
          checkedChildren={checkedText}
          unCheckedChildren={unCheckedText}
        />
        <br />
        <br />
        <Switch
          autoWidth
          disabled
          checkedChildren={checkedText}
          unCheckedChildren={unCheckedText}
        />
      </Col>
      <Col>
        <Switch
          autoWidth
          defaultChecked
          loading
          checkedChildren={checkedText}
          unCheckedChildren={unCheckedText}
        />
        <br />
        <br />
        <Switch
          autoWidth
          loading
          checkedChildren={checkedText}
          unCheckedChildren={unCheckedText}
        />
      </Col>
    </Row>
  );
};