"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

const tslib_1 = require("tslib");

const styleh_components_1 = require("styleh-components");

const Figure_1 = tslib_1.__importStar(require("../../../molecules/Figure"));

const StyledFigure = styleh_components_1.styled.withComponent(Figure_1.default)`position:relative;display:flex;${Figure_1.StyledImage}{width:100%;height:100%;display:inline-block;}img{max-width:100%;max-height:100%;position:relative;}`;
exports.StyledFigure = StyledFigure;
const StyledComponent = styleh_components_1.styled.div`background-color:${props => props.backgroundColor ? props.backgroundColor : '#fff'};width:100%;height:100%;display:flex;align-items:center;justify-content:center;`;
exports.StyledComponent = StyledComponent;
const StyledGrid = styleh_components_1.styled.div`padding:${props => props.gridGap ? props.gridGap : 0}px;flex:${props => props.direction === 'row' ? props.desktopColSpan && `0 0 ${props.desktopColSpan}%` : 1};${props => props.gridColSpan && styleh_components_1.styled.css`flex:0 0 ${props.desktopColSpan * props.gridColSpan}%;`};order:${props => props.order};@media (max-width:1023px){flex:${props => props.direction === 'row' ? props.tabletColSpan && `0 0 ${props.tabletColSpan}%` : 1};${props => props.gridColSpan && styleh_components_1.styled.css`flex:0 0 ${props.tabletColSpan * props.gridColSpan}%;`};}@media (max-width:767px){flex:${props => props.direction === 'row' ? props.mobileColSpan && `0 0 ${props.mobileColSpan}%` : 1};}display:flex;align-items:center;`;
exports.StyledGrid = StyledGrid;
const StyledRow = styleh_components_1.styled.div`flex:0 0 100%;display:flex;flex-direction:row;background-color:${props => props.backgroundColor ? props.backgroundColor : '#fff'};${props => props.direction === 'row' && styleh_components_1.styled.css`overflow-x:auto;flex-wrap:${props.shouldWrap ? 'wrap' : 'nowrap'};`};`;
exports.StyledRow = StyledRow;
const StyledWrapper = styleh_components_1.styled.section`display:flex;flex-direction:row;flex-wrap:wrap;`;
exports.StyledWrapper = StyledWrapper; //# sourceMappingURL=styled.js.map