@times-components/interactive-wrapper/dist/styles.js

Wrapper for legacy Interactive components

"use strict";

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

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

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

const Container = _styledComponents.default.div.withConfig({
  displayName: "styles__Container",
  componentId: "sc-1rzy94h-0"
})(["position:", ";width:100%;height:", "px;", " ", " ", ""], _ref => {
  let $height = _ref.$height;
  return $height && $height.xs ? "absolute" : "relative";
}, _ref2 => {
  let $height = _ref2.$height;
  return $height && $height.xs ? $height.xs : 150;
}, _ref3 => {
  let $height = _ref3.$height;
  return $height && $height.sm && "\n    media (min-width: 520px) {\n      height: ".concat($height.sm, "px;\n    }\n  ");
}, _ref4 => {
  let $height = _ref4.$height;
  return $height && $height.md && "\n    @media (min-width: 768px) {\n      height: ".concat($height.md, "px;\n    }\n  ");
}, _ref5 => {
  let $height = _ref5.$height;
  return $height && $height.lg && "\n    @media (min-width: 1024px) {\n      height: ".concat($height.lg, "px;\n    }\n  ");
});

exports.Container = Container;
const InteractiveContainer = (0, _styledComponents.default)(Container).withConfig({
  displayName: "styles__InteractiveContainer",
  componentId: "sc-1rzy94h-1"
})(["position:relative;height:", ";"], _ref6 => {
  let $height = _ref6.$height;
  return $height && $height.xs ? "".concat($height.xs, "px") : "auto";
});
exports.InteractiveContainer = InteractiveContainer;

const InteractiveWrapperContainer = _styledComponents.default.div.withConfig({
  displayName: "styles__InteractiveWrapperContainer",
  componentId: "sc-1rzy94h-2"
})(["position:relative;"]);

exports.InteractiveWrapperContainer = InteractiveWrapperContainer;