@kubit-ui-web/react-components/dist/cjs/components/grid/utils/grid.utils.js

Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.getItemGridConfiguration = exports.getGridConfiguration = exports.getMaxWidth = void 0;
const getMaxWidth = (desktopWidth, margin, gap, addPaddingForLayout) => {
    const totalMargin = 2 * (margin ?? 0);
    const totalGap = addPaddingForLayout ? Number((gap ?? '').replace('rem', '')) * 2 : 0;
    const maxWidth = desktopWidth - totalMargin + totalGap;
    return `max-width: ${maxWidth}rem;`;
};
exports.getMaxWidth = getMaxWidth;
const getGridConfiguration = (config) => {
    if (config === undefined) {
        return '';
    }
    const { columns, gap } = config;
    return `
      grid-template-columns: repeat(${columns}, 1fr);
      gap: ${gap};
    `;
};
exports.getGridConfiguration = getGridConfiguration;
const getItemGridConfiguration = (columns) => {
    if (columns === undefined) {
        return '';
    }
    if (typeof columns === 'object') {
        return `grid-column-start: ${columns.start}; grid-column-end: ${columns.end};`;
    }
    return `grid-column: span ${columns};`;
};
exports.getItemGridConfiguration = getItemGridConfiguration;
//# sourceMappingURL=grid.utils.js.map