import * as __WEBPACK_EXTERNAL_MODULE__chakra_ui_react__ from "@chakra-ui/react";
import * as __WEBPACK_EXTERNAL_MODULE__storybook_test__ from "@storybook/test";
import * as __WEBPACK_EXTERNAL_MODULE__Section_mjs__ from "./Section.mjs";
const meta = {
    title: 'Components/Section',
    component: __WEBPACK_EXTERNAL_MODULE__Section_mjs__["default"],
    parameters: {
        design: {
            type: 'figma',
            url: 'https://www.figma.com/file/bJcVrZNilxa06jYuVCGWYd/Redpanda-Design-System-2023?type=design&node-id=1-2873&mode=design'
        }
    }
};
/* ESM default export */ const Section_stories_rslib_entry_ = meta;
const Default = {
    args: {
        children: `Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas rerum voluptate placeat laborum
    eveniet omnis architecto ullam sunt adipisci eum.`
    }
};
const SectionGrid = {
    render: ()=>/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__chakra_ui_react__.Grid, {
            templateColumns: "1fr 1fr 1fr",
            gap: 8
        }, [
            1,
            2,
            3,
            4,
            5,
            6
        ].map((item)=>/*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__Section_mjs__["default"], {
                "data-testid": `section-${item}`
            }, /*#__PURE__*/ React.createElement("h2", null, "Section ", item), "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas rerum voluptate placeat laborum eveniet omnis architecto ullam sunt adipisci eum."))),
    play: async ({ canvasElement, step })=>{
        const canvas = (0, __WEBPACK_EXTERNAL_MODULE__storybook_test__.within)(canvasElement);
        await step('Check sections', async ()=>{
            (0, __WEBPACK_EXTERNAL_MODULE__storybook_test__.expect)(canvas.getByTestId('section-1')).toHaveTextContent('Section 1');
            (0, __WEBPACK_EXTERNAL_MODULE__storybook_test__.expect)(canvas.getByTestId('section-2')).toHaveTextContent('Section 2');
            (0, __WEBPACK_EXTERNAL_MODULE__storybook_test__.expect)(canvas.getByTestId('section-3')).toHaveTextContent('Section 3');
            (0, __WEBPACK_EXTERNAL_MODULE__storybook_test__.expect)(canvas.getByTestId('section-4')).toHaveTextContent('Section 4');
            (0, __WEBPACK_EXTERNAL_MODULE__storybook_test__.expect)(canvas.getByTestId('section-5')).toHaveTextContent('Section 5');
            (0, __WEBPACK_EXTERNAL_MODULE__storybook_test__.expect)(canvas.getByTestId('section-6')).toHaveTextContent('Section 6');
        });
    }
};
export { Default, SectionGrid, Section_stories_rslib_entry_ as default };
