@kiwicom/orbit-components/es/TileGroup/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 { StyledTileWrapper } from "../Tile/components/TileWrapper";
import defaultTheme from "../defaultTheme";
import { StyledSlide } from "../utils/Slide";
var StyledTileGroup = styled.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;
}, StyledSlide, function (_ref3) {
  var theme = _ref3.theme;
  return theme.orbit.paletteWhite;
}, 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
};

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

export default TileGroup;