@patternplate/client/lib/app/components/common/toggle-button.js

Universal javascript client application for patternplate

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _react = _interopRequireDefault(require("react"));

var _components = require("@patternplate/components");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var _default = ToggleButton;
exports.default = _default;

function ToggleButton(props) {
  const title = props.title || `${props.shortcut.description(props)} ${props.shortcut.toString()}`;

  if (props.active === false) {
    return _react.default.createElement(StandIn, {
      className: props.className,
      title: title
    }, props.children);
  }

  return _react.default.createElement(_components.Link, {
    className: props.className,
    title: title,
    query: {
      [props.shortcut.key]: !props.enabled
    }
  }, props.children);
}

const StandIn = _components.styled.div.withConfig({
  displayName: "toggle-button__StandIn"
})(["font-size:0;line-height:0;"]);
//# sourceMappingURL=toggle-button.js.map