"use strict";

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

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

const ImageWrapper = styleh_components_1.styled.div`position:relative;width:${props => props.width ? props.width : '100%'};height:${props => props.height ? props.height : '100%'};`;
exports.ImageWrapper = ImageWrapper; // could be ImageDiv

const ImageBackground = styleh_components_1.styled.div.attrs({
  role: 'image'
})`${props => props.src && styleh_components_1.styled.css`background:url(${props.src}) no-repeat;background-size:contain;background-position:center;`};width:${props => props.width || '800px'};height:${props => props.height || '300px'};`;
exports.ImageBackground = ImageBackground; // <ImageElement nowrap={nowrap} />

const ImageElement = styleh_components_1.styled.img`display:inherit;${props => !props.doAutoAlign && styleh_components_1.styled.css`width:100%;height:auto;`};${props => props && props.doAutoAlign && styleh_components_1.styled.css`position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:100%;max-height:100%;`};`;
exports.ImageElement = ImageElement; //# sourceMappingURL=styled.js.map