var _templateObject, _templateObject2;
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
import styled from 'styled-components';
var ImagePreviewWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  height: ", "; // 56px is the height of file info block for > lg screens\n  align-items: center;\n  overflow: hidden;\n\n  ", " {\n    height: ", ";  // 52px is the height of file info block < lg screens\n  }\n\n  .filerobot-common-ItemIcon-img {\n    z-index: 1;\n    object-fit: contain;\n    width: 100%;\n    height: 100%;\n    max-width: 100%;\n    max-height: 100%;\n  }\n"])), function (_ref) {
  var containerHeight = _ref.containerHeight;
  return containerHeight || 'calc(100% - 56px)';
}, function (_ref2) {
  var breakpoints = _ref2.theme.breakpoints;
  return breakpoints.down('lg');
}, function (_ref3) {
  var containerHeight = _ref3.containerHeight;
  return containerHeight || 'calc(100% - 52px)';
});
var AssetTypeIcon = styled.img(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: absolute;\n  object-fit: contain;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n"])));
var Styled = {
  AssetTypeIcon: AssetTypeIcon,
  ImagePreviewWrapper: ImagePreviewWrapper
};
export default Styled;