@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, { css } from "styled-components";
import defaultTheme from "../defaultTheme";
import { borderRadius, rtlSpacing } from "../utils/rtl";
import { StyledButtonPrimitive } from "../primitives/ButtonPrimitive";
import mq from "../utils/mediaQuery";
const StyledButtonGroup = styled.div.withConfig({
  displayName: "ButtonGroup__StyledButtonGroup",
  componentId: "sc-jhafob-0"
})(["display:flex;", "{border-radius:0;margin:", ";:first-child{border-radius:", ";}:last-child{border-radius:", ";margin:0;}}", ";"], StyledButtonPrimitive, ({
  theme
}) => rtlSpacing(theme.orbit.marginButtonGroup), borderRadius("6px 0 0 6px"), borderRadius("0 6px 6px 0"), mq.tablet(css(["", "{:first-child{border-radius:", ";}:last-child{border-radius:", ";}}"], StyledButtonPrimitive, ({
  theme
}) => borderRadius(`${theme.orbit.borderRadiusNormal} 0 0 ${theme.orbit.borderRadiusNormal}`), ({
  theme
}) => borderRadius(`0 ${theme.orbit.borderRadiusNormal} ${theme.orbit.borderRadiusNormal} 0`)))); // $FlowFixMe: https://github.com/flow-typed/flow-typed/issues/3653#issuecomment-568539198

StyledButtonGroup.defaultProps = {
  theme: defaultTheme
};

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

export default ButtonGroup;