@krowdy-ui/views/SwitchButton/SwitchButton.js

React components that implement Google's Material Design.

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

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

var _propTypes = _interopRequireDefault(require("prop-types"));

var _core = require("@krowdy-ui/core");

var SwitchButton = function SwitchButton(props) {
  var selected = props.selected,
      children = props.children,
      _props$onChange = props.onChange,
      onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
      classes = props.classes;
  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_core.ButtonGroup, {
    className: classes.buttongroup
  }, children.map(function (child, index) {
    return _react["default"].cloneElement(child, {
      key: "SwitchButton-".concat(index),
      onClick: function onClick(e) {
        onChange(index);
        if (index !== selected && child.props.onClick) child.props.onClick(e);
      },
      variant: index === selected ? 'contained' : 'outlined'
    });
  })));
};

process.env.NODE_ENV !== "production" ? SwitchButton.propTypes = {
  classes: _propTypes["default"].shape({
    buttongroup: _propTypes["default"].string
  }),
  index: _propTypes["default"].number,
  onChange: _propTypes["default"].func,
  selected: _propTypes["default"].number
} : void 0;
var _default = SwitchButton;
exports["default"] = _default;