"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Grid = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const Grid_1 = require("./Grid");
const GridItem_1 = require("./GridItem");
exports.default = {
    title: 'Organisms/Container/Grid',
    component: Grid_1.Grid,
    argTypes: {},
};
const GridTemplate = (args) => {
    return ((0, jsx_runtime_1.jsxs)(Grid_1.Grid, { ...args, children: [(0, jsx_runtime_1.jsx)(GridItem_1.default, { children: "Column 1" }), (0, jsx_runtime_1.jsx)(GridItem_1.default, { lg: 3, md: 6, children: "Column 2" }), (0, jsx_runtime_1.jsx)(GridItem_1.default, { children: "Column 3" })] }));
};
exports.Grid = GridTemplate.bind({});
exports.Grid.args = {
    columns: 12,
    direction: 'row',
    columnSpacing: 2,
    rowSpacing: 2,
};
//# sourceMappingURL=Grid.stories.js.map