@medalsocial/meda/dist/marketing/marketing-bento-grid.js

Shared Meda UI shell and runtime package.

import { jsx as _jsx } from "react/jsx-runtime";
import { cx } from './utils.js';
const COLS = {
    2: 'grid-cols-2',
    3: 'grid-cols-3',
    4: 'grid-cols-4',
    6: 'grid-cols-6',
    12: 'grid-cols-12',
};
export function MarketingBentoGrid({ cols = 12, children, className }) {
    return (_jsx("section", { className: cx('mx-auto w-full max-w-6xl px-6 py-16', className), children: _jsx("div", { className: cx('grid gap-4', COLS[cols]), children: children }) }));
}