@kiwicom/orbit-components/lib/TileGroup/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 = _interopRequireDefault(require("styled-components"));

var _TileWrapper = require("../Tile/components/TileWrapper");

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

var _Slide = require("../utils/Slide");

var StyledTileGroup = _styledComponents.default.div.withConfig({
  displayName: "TileGroup__StyledTileGroup",
  componentId: "sc-13lfal3-0"
})(["width:100%;box-shadow:", ";border-radius:", ";", "{background:", ";}", "{border-radius:0;:first-child{border-top-left-radius:", ";border-top-right-radius:", ";}:last-child{border-bottom-left-radius:", ";border-bottom-right-radius:", ";}:not(:last-child){border-bottom:1px solid ", ";}box-shadow:none;transition:background ", " ease-in-out,box-shadow ", " ease-in-out,border-color ", " ease-in-out;:hover,:focus{background:", ";}}"], function (_ref) {
  var theme = _ref.theme;
  return theme.orbit.boxShadowAction;
}, function (_ref2) {
  var theme = _ref2.theme;
  return theme.orbit.borderRadiusNormal;
}, _Slide.StyledSlide, function (_ref3) {
  var theme = _ref3.theme;
  return theme.orbit.paletteWhite;
}, _TileWrapper.StyledTileWrapper, function (_ref4) {
  var theme = _ref4.theme;
  return theme.orbit.borderRadiusNormal;
}, function (_ref5) {
  var theme = _ref5.theme;
  return theme.orbit.borderRadiusNormal;
}, function (_ref6) {
  var theme = _ref6.theme;
  return theme.orbit.borderRadiusNormal;
}, function (_ref7) {
  var theme = _ref7.theme;
  return theme.orbit.borderRadiusNormal;
}, function (_ref8) {
  var theme = _ref8.theme;
  return theme.orbit.paletteCloudDark;
}, function (_ref9) {
  var theme = _ref9.theme;
  return theme.orbit.durationFast;
}, function (_ref10) {
  var theme = _ref10.theme;
  return theme.orbit.durationFast;
}, function (_ref11) {
  var theme = _ref11.theme;
  return theme.orbit.durationFast;
}, function (_ref12) {
  var theme = _ref12.theme;
  return theme.orbit.paletteCloudNormal;
}); // $FlowFixMe: https://github.com/flow-typed/flow-typed/issues/3653#issuecomment-568539198


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

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

var _default = TileGroup;
exports.default = _default;