@atlaskit/button/dist/es2019/components/ButtonGroup.js

A button triggers an event or action. They let users know what will happen next.

/** @jsx jsx */
import React from 'react';
import { jsx } from '@emotion/core';
import { gridSize } from '@atlaskit/theme/constants';
export const groupItemStyles = {
    flex: '1 0 auto',
    display: 'flex',
    /* margins don't flip when the layout uses dir="rtl", whereas pseudos do */
    '& + &::before': {
        content: `''`,
        display: 'inline-block',
        width: `${gridSize() / 2}px`,
    },
};
export default class ButtonGroup extends React.Component {
    render() {
        const { appearance, children } = this.props;
        return (jsx("div", { css: { display: 'inline-flex' } }, React.Children.map(children, (child, idx) => {
            if (!child) {
                return null;
            }
            return (jsx("div", { key: idx, css: groupItemStyles }, appearance
                ? React.cloneElement(child, { appearance })
                : child));
        })));
    }
}
//# sourceMappingURL=ButtonGroup.js.map