"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.Placeholder = void 0;

var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));

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

var _templateObject;

// TODO: animation
var Placeholder = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2["default"])(["\n  width: ", ";\n  height: ", ";\n\n  padding-bottom: ", ";\n\n  ", "\n\n  ", "\n\n  background: rgb(34,34,34,0.05);\n"])), function (props) {
  return props.image ? '100%' : props.width;
}, function (props) {
  return props.image ? '0' : '1rem';
}, function (props) {
  return props.image ? '65.25%' : '0';
}, function (props) {
  return props.absolute && "\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    padding-bottom: 0;\n  ";
}, function (props) {
  return props.halfOnDesktop && "\n    @media (min-width: " + props.theme.breakpoints.lg.min + ") {\n      width: calc(50% - 0.8rem);\n      margin-bottom: 1.6rem;\n    }\n  ";
});

exports.Placeholder = Placeholder;
//# sourceMappingURL=index.js.map