@up-group-ui/react-controls/dist/Components/Display/Image/styles.js

Up shared react controls

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.getStyles = exports.imageStyle = void 0;
var tslib_1 = require("tslib");
var utils_1 = (0, tslib_1.__importDefault)(require("../../../Common/utils"));
var typestyle_1 = require("typestyle");
var imageSizeMap = {
    thumb: 50,
    xxsmall: 100,
    xsmall: 200,
    small: 300,
    medium: 400,
    large: 500,
    xlarge: 600,
    full: 1200,
};
var imageStyle = function (_a) {
    var imageSize = _a.imageSize;
    var sizeWithDefault = imageSize || 'small';
    var px = imageSizeMap[sizeWithDefault];
    var rem = (0, utils_1.default)(px);
    if (sizeWithDefault === 'full') {
        return {
            width: '100vw',
            height: 'auto',
        };
    }
    if (sizeWithDefault === 'thumb') {
        return {
            width: rem,
            height: rem,
            flex: '0 0 auto',
            objectFit: 'cover',
        };
    }
    return {
        maxWidth: '100%',
        height: 'auto',
        minHeight: rem,
        maxHeight: rem,
        display: 'block',
    };
};
exports.imageStyle = imageStyle;
var getStyles = function (props) { return (0, typestyle_1.style)((0, exports.imageStyle)(props)); };
exports.getStyles = getStyles;
//# sourceMappingURL=styles.js.map