@ima/plugin-atoms/dist/cjs/components/Sizer.js

IMA.js UI React atoms

"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
Object.defineProperty(exports, "Sizer", {
    enumerable: true,
    get: function() {
        return Sizer;
    }
});
const _jsxruntime = require("react/jsx-runtime");
const _reactpagerenderer = require("@ima/react-page-renderer");
const _react = require("react");
const _constants = require("./constants");
const _filterProps = require("./filterProps");
const Sizer = /*#__PURE__*/ (0, _react.memo)(function SizerComponent({ className, height, width, placeholder = false, ...rest }) {
    const { $CssClasses } = (0, _reactpagerenderer.useComponentUtils)();
    const attributes = (0, _filterProps.filterProps)(rest, _constants.DIV_ATTRIBUTES);
    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
        ...attributes,
        className: $CssClasses({
            'atm-sizer': true,
            'atm-placeholder': placeholder
        }, className),
        style: {
            paddingTop: height / width * 100 + '%'
        }
    });
});

//# sourceMappingURL=Sizer.js.map