@kiwicom/orbit-components/lib/Tile/components/TileContent/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 _mediaQuery = _interopRequireDefault(require("../../../utils/mediaQuery"));

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

var getPadding = function getPadding(_ref) {
  var noPadding = _ref.noPadding,
      useMargins = _ref.useMargins,
      theme = _ref.theme;
  if (noPadding) return null;

  if (!useMargins) {
    return (0, _styledComponents.css)(["padding:", ";", ""], theme.orbit.spaceMedium, _mediaQuery.default.largeMobile((0, _styledComponents.css)(["padding:", ";"], theme.orbit.spaceLarge)));
  }

  return (0, _styledComponents.css)(["padding:", " 0;margin:0 ", ";", ""], theme.orbit.spaceMedium, theme.orbit.spaceMedium, _mediaQuery.default.largeMobile((0, _styledComponents.css)(["padding:", " 0;margin:0 ", ";"], theme.orbit.spaceLarge, theme.orbit.spaceLarge)));
};

var StyledTileContent = _styledComponents.default.div.withConfig({
  displayName: "TileContent__StyledTileContent",
  componentId: "o2si0o-0"
})(["font-size:", ";line-height:", ";", ";", ";", ";"], function (_ref2) {
  var theme = _ref2.theme;
  return theme.orbit.fontSizeTextNormal;
}, function (_ref3) {
  var theme = _ref3.theme;
  return theme.orbit.lineHeightTextNormal;
}, function (_ref4) {
  var withPointer = _ref4.withPointer;
  return withPointer && (0, _styledComponents.css)(["cursor:pointer;"]);
}, function (_ref5) {
  var withBorder = _ref5.withBorder,
      theme = _ref5.theme;
  return withBorder && (0, _styledComponents.css)(["border-top:1px solid ", ";"], theme.orbit.paletteCloudNormal);
}, getPadding); // $FlowFixMe: https://github.com/flow-typed/flow-typed/issues/3653#issuecomment-568539198


StyledTileContent.defaultProps = {
  theme: _defaultTheme.default
};
var TileContent = /*#__PURE__*/React.forwardRef(function (_ref6, ref) {
  var children = _ref6.children,
      noPadding = _ref6.noPadding,
      _ref6$withPointer = _ref6.withPointer,
      withPointer = _ref6$withPointer === void 0 ? false : _ref6$withPointer,
      _ref6$withBorder = _ref6.withBorder,
      withBorder = _ref6$withBorder === void 0 ? false : _ref6$withBorder,
      _ref6$useMargins = _ref6.useMargins,
      useMargins = _ref6$useMargins === void 0 ? true : _ref6$useMargins;
  return /*#__PURE__*/React.createElement(StyledTileContent, {
    noPadding: noPadding,
    ref: ref,
    withPointer: withPointer,
    withBorder: withBorder,
    useMargins: useMargins
  }, children);
});
var _default = TileContent;
exports.default = _default;