@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").default;

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

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

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

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

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

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

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

const StyledTileGroup = _styledComponents.default.div.withConfig({
  displayName: "TileGroup__StyledTileGroup",
  componentId: "sc-tuzvgn-0"
})(["", ""], ({
  theme
}) => (0, _styledComponents.css)(["width:100%;padding:0;margin:0;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:", ";}}"], theme.orbit.boxShadowAction, theme.orbit.borderRadiusNormal, _Slide.StyledSlide, theme.orbit.paletteWhite, _TileWrapper.StyledTileWrapper, theme.orbit.borderRadiusNormal, theme.orbit.borderRadiusNormal, theme.orbit.borderRadiusNormal, theme.orbit.borderRadiusNormal, theme.orbit.paletteCloudDark, theme.orbit.durationFast, theme.orbit.durationFast, theme.orbit.durationFast, theme.orbit.paletteCloudNormal)); // $FlowFixMe: https://github.com/flow-typed/flow-typed/issues/3653#issuecomment-568539198


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

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

var _default = TileGroup;
exports.default = _default;