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

const Detail = () => {
  return (
    <>
      <Row autoMode={true}>
        <Col span={2}>
          <Switch checkedChildren="开" unCheckedChildren="关" defaultChecked />
        </Col>
        <Col span={2}>
          <Switch
            checkedChildren="开"
            unCheckedChildren="关"
            defaultChecked={false}
          />
        </Col>
        <Col span={2}>
          <Switch
            checkedChildren={<Icon iconName="CheckSmall"></Icon>}
            unCheckedChildren={<Icon iconName="CloseSmall"></Icon>}
            defaultChecked
          />
        </Col>
        <Col span={2}>
          <Switch
            checkedChildren={<Icon iconName="CheckSmall"></Icon>}
            unCheckedChildren={<Icon iconName="CloseSmall"></Icon>}
            defaultChecked={false}
          />
        </Col>
      </Row>
    </>
  );
};

export default Detail;
