@kiwicom/orbit-components/es/ButtonGroup/index.js

<div align="center"> <a href="https://orbit.kiwi" target="_blank"> <img alt="orbit-components" src="https://orbit.kiwi/wp-content/uploads/2018/08/orbit-components.png" srcset="https://orbit.kiwi/wp-content/uploads/2018/08/orbit-components@2x.png 2x"

import * as React from "react";
import styled from "styled-components";

import defaultTokens from "../defaultTokens";
import { StyledButtonLink } from "../ButtonLink";
import { StyledButton } from "../Button";

const StyledButtonGroup = styled.div.withConfig({
  displayName: "ButtonGroup__StyledButtonGroup"
})(["display:flex;& ", ",& ", "{border-radius:", ";margin-right:", ";&:first-child{border-radius:", ";}&:last-child{border-radius:", ";margin-right:0;}}"], StyledButtonLink, StyledButton, ({ connected }) => connected && "0", ({ theme, connected }) => connected ? theme.orbit.marginRightButtonGroup : theme.orbit.spaceXSmall, ({ connected, theme }) => connected && `${theme.orbit.borderRadiusNormal} 0 0
          ${theme.orbit.borderRadiusNormal}`, ({ connected, theme }) => connected && `0 ${theme.orbit.borderRadiusNormal} ${theme.orbit.borderRadiusNormal} 0`);

StyledButtonGroup.defaultProps = {
  theme: defaultTokens
};

const ButtonGroup = ({ children, connected, dataTest }) => React.createElement(
  StyledButtonGroup,
  { connected: connected, "data-test": dataTest },
  children
);

export default ButtonGroup;