@shopify/polaris/dist/esm/components/ButtonGroup/ButtonGroup.js

Shopify’s product component library

import React$1 from 'react';
import { classNames } from '../../utilities/css.js';
import { elementChildren } from '../../utilities/components.js';
import styles from './ButtonGroup.scss.js';
import { Item as Item$1 } from './components/Item/Item.js';

function ButtonGroup({
  children,
  spacing,
  segmented,
  fullWidth,
  connectedTop
}) {
  var className = classNames(styles.ButtonGroup, spacing && styles[spacing], segmented && styles.segmented, fullWidth && styles.fullWidth);
  var contents = elementChildren(children).map((child, index) => /*#__PURE__*/React$1.createElement(Item$1, {
    button: child,
    key: index
  }));
  return /*#__PURE__*/React$1.createElement("div", {
    className: className,
    "data-buttongroup-segmented": segmented,
    "data-buttongroup-connected-top": connectedTop,
    "data-buttongroup-full-width": fullWidth
  }, contents);
}

export { ButtonGroup };