mod-arch-shared/dist/components/design/ScrolledGallery.js

Shared UI components and utilities for modular architecture micro-frontend projects

import * as React from 'react';
const ScrolledGallery = ({ children, count, childWidth, ...rest }) => {
    let gridTemplateColumns = childWidth;
    for (let i = 1; i < count; i++) {
        gridTemplateColumns = `${gridTemplateColumns} ${childWidth}`;
    }
    return (React.createElement("div", { style: {
            gridTemplateColumns,
            display: 'grid',
            gridAutoFlow: 'column',
            overflowY: 'auto',
            gap: 'var(--pf-v6-global--spacer--md)',
            paddingBottom: 'var(--pf-v6-global--spacer--sm)',
        }, ...rest }, children));
};
export default ScrolledGallery;
//# sourceMappingURL=ScrolledGallery.js.map