"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Shadow = exports.Border = exports.Basic = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const Grid_1 = require("./Grid");
const Box_1 = require("../Box");
exports.default = {
    title: 'Polyblocks/Grid',
    component: Grid_1.Grid,
};
const Template = (props) => (jsx_runtime_1.jsx(Grid_1.Grid, Object.assign({}, props), void 0));
exports.Basic = Template.bind({});
exports.Basic.args = {
    variant: 'basic',
    cols: '1fr 1fr',
    children: (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: [jsx_runtime_1.jsx(Box_1.Box, Object.assign({ variant: "basic" }, { children: "Basic grid" }), void 0), jsx_runtime_1.jsx(Box_1.Box, Object.assign({ variant: "basic" }, { children: "Second box" }), void 0)] }, void 0)),
};
exports.Border = Template.bind({});
exports.Border.args = {
    variant: 'border',
    cols: '1fr 1fr',
    children: (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: [jsx_runtime_1.jsx(Box_1.Box, Object.assign({ variant: "basic" }, { children: "Border grid" }), void 0), jsx_runtime_1.jsx(Box_1.Box, Object.assign({ variant: "basic" }, { children: "Second box" }), void 0)] }, void 0)),
};
exports.Shadow = Template.bind({});
exports.Shadow.args = {
    variant: 'shadow',
    cols: '1fr 1fr',
    children: (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: [jsx_runtime_1.jsx(Box_1.Box, Object.assign({ variant: "basic" }, { children: "Shadow grid" }), void 0), jsx_runtime_1.jsx(Box_1.Box, Object.assign({ variant: "basic" }, { children: "Second box" }), void 0)] }, void 0)),
};
//# sourceMappingURL=Grid.stories.js.map