react-lightning-design-system/module/scripts/ButtonGroup.js

Salesforce Lightning Design System components built with React

import _extends from "@babel/runtime/helpers/extends";
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
var _excluded = ["className", "children"];
import React, { Children, createContext } from 'react';
import classnames from 'classnames';

/**
 *
 */

/**
 *
 */
export var ButtonGroupContext = /*#__PURE__*/createContext(null);

/**
 *
 */
export var ButtonGroup = function ButtonGroup(props) {
  var className = props.className,
    children = props.children,
    rprops = _objectWithoutProperties(props, _excluded);
  var btnGrpClassNames = classnames(className, 'slds-button-group');
  var cnt = React.Children.count(children);
  return /*#__PURE__*/React.createElement("div", _extends({
    className: btnGrpClassNames,
    role: "group"
  }, rprops), Children.map(children, function (child, index) {
    return /*#__PURE__*/React.createElement(ButtonGroupContext.Provider, {
      value: {
        grouped: true,
        isFirstInGroup: index === 0,
        isLastInGroup: index === cnt - 1
      }
    }, child);
  }));
};
//# sourceMappingURL=ButtonGroup.js.map