"use strict";
const React = require('react');
const classNames = require('classnames');
const _ = require('lodash');
const module = require('./module');
const src_1 = require('../../../../common/transmit-transparently/src');
require('./index.scss');
class Switch extends React.Component {
    constructor(props) {
        super(props);
        this.state = new module.State();
    }
    componentWillMount() {
        let checked = false;
        if (this.props.defaultChecked !== null) {
            checked = this.props.defaultChecked;
        }
        if (this.props.checked !== null) {
            checked = this.props.checked;
        }
        this.state = {
            checked: checked
        };
    }
    componentWillReceiveProps(nextProps) {
        if ('checked' in nextProps && nextProps.checked !== null) {
            this.setState({
                checked: nextProps.checked
            });
        }
    }
    toggle() {
        const checked = !this.state.checked;
        this.setState({
            checked: checked
        });
        this.props.onChange(checked);
    }
    render() {
        const { className, disabled } = this.props;
        const checked = this.state.checked;
        const switchClassName = classNames({
            '_namespace': true,
            [className]: !!className,
            [`checked`]: this.state.checked,
            [`disabled`]: disabled,
            [this.props.type || 'info']: true,
            [`size-${this.props.size || 'normal'}`]: true
        });
        const _others = src_1.others(new module.Props(), this.props);
        let Switch = (<span {..._others} className={switchClassName} onClick={disabled ? null : this.toggle.bind(this)}>
              <span className={`inner`}>
                {this.state.checked ? this.props.checkedChildrenRender : this.props.unCheckedChildrenRender}
              </span>
            </span>);
        if (!_.isEmpty(this.props.label)) {
            Switch = (<div className="form-container">
                    <label style={{ width: this.props.labelWidth || null }} className="form-control-label">{this.props.label}</label>
                    {Switch}
                </div>);
        }
        return Switch;
    }
}
Switch.defaultProps = new module.Props();
Object.defineProperty(exports, "__esModule", { value: true });
exports.default = Switch;