import Checkbox from '..';
import React from 'react';
import ReactDOM from 'react-dom';
const list = [
    {
        value: 'appale',
        label: 'Appale',
    },
    {
        value: 'pear',
        label: 'Pear',
    },
    {
        value: 'orange',
        label: 'Orange',
    },
];
class ControlApp extends React.Component {
    constructor() {
        super(...arguments);
        this.state = {
            value: 'orange',
        };
        this.onChange = value => {
            this.setState({
                value,
            });
            console.log('onChange', value);
        };
        this.onClick = e => {
            console.log('onClick', e);
        };
    }
    render() {
        return (React.createElement("div", null,
            "normal:",
            ' ',
            React.createElement(Checkbox.Group, { dataSource: list, value: this.state.value, onChange: this.onChange }),
            React.createElement("br", null),
            React.createElement("br", null),
            "disabled:",
            ' ',
            React.createElement(Checkbox.Group, { disabled: true, dataSource: list, value: this.state.value, onChange: this.onChange })));
    }
}
ReactDOM.render(React.createElement(ControlApp, null), document.getElementById('checkbox-demo-7'));
