@shopify/polaris/esnext/components/ButtonGroup/ButtonGroup.js

Shopify’s product component library

import React from 'react';
import { classNames } from '../../utilities/css';
import { elementChildren } from '../../utilities/components';
import { Item } from './components';
import styles from './ButtonGroup.scss';
export function ButtonGroup({ children, segmented, fullWidth, connectedTop, }) {
    const className = classNames(styles.ButtonGroup, segmented && styles.segmented, fullWidth && styles.fullWidth, connectedTop && styles.connectedTop);
    const contents = elementChildren(children).map((child, index) => (<Item button={child} key={index}/>));
    return <div className={className}>{contents}</div>;
}