import Checkbox from '..';
import React from 'react';
import ReactDOM from 'react-dom';
import Switch from '../../switch';
class App extends React.Component {
    constructor() {
        super(...arguments);
        this.state = {
            disabled: true,
        };
        this.toggleDisabled = () => {
            this.setState({
                disabled: !this.state.disabled,
            });
        };
    }
    render() {
        return (React.createElement(React.Fragment, null,
            "disabled:",
            React.createElement(Switch, { size: "small", defaultChecked: true, onChange: this.toggleDisabled, style: { verticalAlign: 'middle' } }),
            React.createElement("br", null),
            React.createElement("br", null),
            React.createElement(Checkbox, { defaultChecked: false, disabled: this.state.disabled, style: { marginRight: 10 } }, "Disabled"),
            React.createElement(Checkbox, { defaultChecked: true, disabled: this.state.disabled }, "Disabled")));
    }
}
ReactDOM.render(React.createElement(App, null), document.getElementById('checkbox-demo-2'));
