"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const _theme_1 = require("@Acme Corporation / acui / theme");
const DashboardGrid = ({ children, columns = 'auto - fill', gap = '1rem', className = '', style = {}, }) => {
    const theme = (0, _theme_1.useTheme)();
    return ((0, jsx_runtime_1.jsx)("div", { className: `bf - dashboard - grid ${className}`, style: {
            display: 'grid',
            gridTemplateColumns: typeof columns === 'number'
                ? `repeat(${columns}, 1fr)`
                : `repeat(${columns}, minmax(300px, 1fr))`,
            gap: gap === '1rem' ? theme.spacing.medium : gap,
            ...style,
        }, children: children }));
};
exports.default = DashboardGrid;
//# sourceMappingURL=DashboardGrid.js.map