@kubit-ui-web/react-components/dist/esm/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

export 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;`;
};
export const getGridConfiguration = (config) => {
    if (config === undefined) {
        return '';
    }
    const { columns, gap } = config;
    return `
      grid-template-columns: repeat(${columns}, 1fr);
      gap: ${gap};
    `;
};
export 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};`;
};
//# sourceMappingURL=grid.utils.js.map