@zohodesk/components/lib/v1/Buttongroup/Buttongroup.js

In this Package, we Provide Some Basic Components to Build Web App

"use strict";

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

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

var _defaultProps = require("./props/defaultProps");

var _propTypes = require("./props/propTypes");

var _ButtongroupModule = _interopRequireDefault(require("../../Buttongroup/Buttongroup.module.css"));

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

function Buttongroup(props) {
  var children = props.children,
      type = props.type,
      buttonPosition = props.buttonPosition,
      customClass = props.customClass,
      dataId = props.dataId,
      dataSelectorId = props.dataSelectorId;
  var btnGroup = [];
  children && children.forEach(function (child) {
    var btnRight = /*#__PURE__*/_react["default"].createElement("span", {
      className: _ButtongroupModule["default"][type]
    }, child);

    btnGroup.push(btnRight);
  });
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: "".concat(_ButtongroupModule["default"].buttonGroup, " ").concat(_ButtongroupModule["default"][type], " ").concat(customClass ? customClass : ''),
    "data-id": dataId,
    "data-test-id": dataId,
    "data-selector-id": dataSelectorId
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: _ButtongroupModule["default"]["align".concat(buttonPosition)]
  }, children));
}

Buttongroup.defaultProps = _defaultProps.defaultProps;
Buttongroup.propTypes = _propTypes.propTypes;