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

Shopify’s admin product component library

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

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

export { ButtonGroup };