import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/taggedTemplateLiteralLoose";

var _templateObject;

import styled from 'styled-components';
// TODO: animation
export var Placeholder = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  width: ", ";\n  height: ", ";\n\n  padding-bottom: ", ";\n\n  ", "\n\n  ", "\n\n  background: rgb(34,34,34,0.05);\n"])), props => props.image ? '100%' : props.width, props => props.image ? '0' : '1rem', props => props.image ? '65.25%' : '0', props => props.absolute && "\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    padding-bottom: 0;\n  ", props => props.halfOnDesktop && "\n    @media (min-width: " + props.theme.breakpoints.lg.min + ") {\n      width: calc(50% - 0.8rem);\n      margin-bottom: 1.6rem;\n    }\n  ");
//# sourceMappingURL=index.js.map