metadata-based-explorer1/es/components/toggle/Toggle.js

Box UI Elements

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

import * as React from 'react';
import classNames from 'classnames';
import './Toggle.scss';

var Toggle = function Toggle(_ref) {
  var _ref$className = _ref.className,
      className = _ref$className === void 0 ? '' : _ref$className,
      description = _ref.description,
      _ref$inputProps = _ref.inputProps,
      inputProps = _ref$inputProps === void 0 ? {} : _ref$inputProps,
      isDisabled = _ref.isDisabled,
      isOn = _ref.isOn,
      _ref$isToggleRightAli = _ref.isToggleRightAligned,
      isToggleRightAligned = _ref$isToggleRightAli === void 0 ? false : _ref$isToggleRightAli,
      label = _ref.label,
      name = _ref.name,
      onBlur = _ref.onBlur,
      onChange = _ref.onChange;
  var classes = classNames('toggle-container', className, {
    'is-toggle-right-aligned': isToggleRightAligned
  });
  var toggleElements = [React.createElement("div", {
    key: "toggle-simple-switch",
    className: "toggle-simple-switch"
  }), React.createElement("div", {
    key: "toggle-simple-label",
    className: "toggle-simple-label"
  }, label)];

  if (isToggleRightAligned) {
    toggleElements = toggleElements.reverse();
  }

  return React.createElement("div", {
    className: classes
  }, React.createElement("label", {
    className: "toggle-simple"
  }, React.createElement("input", _extends({
    checked: isOn,
    className: "toggle-simple-input",
    disabled: isDisabled,
    name: name,
    onBlur: onBlur,
    onChange: onChange,
    type: "checkbox"
  }, inputProps)), toggleElements), description ? React.createElement("div", {
    className: "toggle-simple-description"
  }, description) : null);
};

export default Toggle;