@eccenca/gui-elements/src/elements/Switch/Switch.jsx

Collection of low-level GUI elements like Buttons, Icons or Alerts. Also includes core styles for those elements.

import React from 'react';
import PropTypes from 'prop-types';
import ReactMDLSwitch from 'react-mdl/lib/Switch';
import extendedOnChangeBoolean from '../../utils/extendedOnChangeBoolean';

const Switch = props => {
    const {
        label,
        children,
        checked,
        ripple = false,
        onChange,
        ...otherProperties
    } = props;

    let checkboxlabel = label || false;
    if (!checkboxlabel && children) {
        checkboxlabel = children;
    }

    return (
        <ReactMDLSwitch
            checked={!!checked}
            ripple={ripple}
            onChange={extendedOnChangeBoolean.bind(null, onChange)}
            {...otherProperties}
        >
            {checkboxlabel}
        </ReactMDLSwitch>
    );
};

Switch.propTypes = {
    checked: PropTypes.bool.isRequired,
    onChange: PropTypes.func.isRequired,
};

export default Switch;