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

React components that implement Google's Material Design.

import React from 'react';
import PropTypes from 'prop-types';
import { ButtonGroup } from '@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.createElement("div", null, /*#__PURE__*/React.createElement(ButtonGroup, {
    className: classes.buttongroup
  }, children.map(function (child, index) {
    return React.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.shape({
    buttongroup: PropTypes.string
  }),
  index: PropTypes.number,
  onChange: PropTypes.func,
  selected: PropTypes.number
} : void 0;
export default SwitchButton;