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

Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.

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",
  componentId: "sc-82hrp5-0"
})(["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;