# Switch

import Switch, { ISwitchProps } from "../index";
import List from "../../list";
import "./style.scss";
import log from "base/log";
import { autobind } from "core-decorators";
@autobind
class Example extends React.Component {
  state = {};
  @log
  onChange() {}

  render() {
    const props: ISwitchProps = {
      checked: true,
      onChange: this.onChange
    };
    return (
      <List>
        <List.Item extra={<Switch onChange={this.onChange} checked={true} />}>
          默认颜色
        </List.Item>
        <List.Item
          extra={
            <Switch onChange={this.onChange} checked={true} disabled={true} />
          }
        >
          默认颜色禁止状态
        </List.Item>
        <List.Item
          extra={
            <Switch onChange={this.onChange} activeColor="#f4333c" checked={true} />
          }
        >
          自定义色禁止状态
        </List.Item>

        <List.Item
          extra={
            <Switch
              onChange={this.onChange}
              activeColor="#f4333c"
              checked={true}
              disabled={true}
            />
          }
        >
          自定义色禁止状态
        </List.Item>
      </List>
    );
  }
}