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

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

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var React = _interopRequireWildcard(require("react"));

var _styledComponents = _interopRequireWildcard(require("styled-components"));

var _defaultTheme = _interopRequireDefault(require("../defaultTheme"));

var _rtl = require("../utils/rtl");

var _ButtonPrimitive = require("../primitives/ButtonPrimitive");

var _mediaQuery = _interopRequireDefault(require("../utils/mediaQuery"));

var StyledButtonGroup = _styledComponents.default.div.withConfig({
  displayName: "ButtonGroup__StyledButtonGroup",
  componentId: "sc-82hrp5-0"
})(["display:flex;", "{border-radius:0;margin:", ";:first-child{border-radius:", ";}:last-child{border-radius:", ";margin:0;}}", ";"], _ButtonPrimitive.StyledButtonPrimitive, function (_ref) {
  var theme = _ref.theme;
  return (0, _rtl.rtlSpacing)(theme.orbit.marginButtonGroup);
}, (0, _rtl.borderRadius)("6px 0 0 6px"), (0, _rtl.borderRadius)("0 6px 6px 0"), _mediaQuery.default.tablet((0, _styledComponents.css)(["", "{:first-child{border-radius:", ";}:last-child{border-radius:", ";}}"], _ButtonPrimitive.StyledButtonPrimitive, function (_ref2) {
  var theme = _ref2.theme;
  return (0, _rtl.borderRadius)("".concat(theme.orbit.borderRadiusNormal, " 0 0 ").concat(theme.orbit.borderRadiusNormal));
}, function (_ref3) {
  var theme = _ref3.theme;
  return (0, _rtl.borderRadius)("0 ".concat(theme.orbit.borderRadiusNormal, " ").concat(theme.orbit.borderRadiusNormal, " 0"));
}))); // $FlowFixMe: https://github.com/flow-typed/flow-typed/issues/3653#issuecomment-568539198


StyledButtonGroup.defaultProps = {
  theme: _defaultTheme.default
};

var ButtonGroup = function ButtonGroup(_ref4) {
  var children = _ref4.children,
      dataTest = _ref4.dataTest;
  return /*#__PURE__*/React.createElement(StyledButtonGroup, {
    "data-test": dataTest
  }, children);
};

var _default = ButtonGroup;
exports.default = _default;