"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Default = void 0;
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const utils_1 = require("../../.storybook/utils.js");
const PageConstructor_1 = require("../containers/PageConstructor/index.js");
const extensions_1 = require("../gravity-blocks/extensions/index.js");
const CustomComponent_1 = require("../gravity-blocks/navigation/__stories__/CustomComponent/CustomComponent.js");
const data_json_1 = tslib_1.__importDefault(require("../blocks/ContentLayout/__stories__/data.json"));
const data_json_2 = tslib_1.__importDefault(require("../blocks/FoldableList/__stories__/data.json"));
const data_json_3 = tslib_1.__importDefault(require("../blocks/Questions/__stories__/data.json"));
const data_json_4 = tslib_1.__importDefault(require("../blocks/Table/__stories__/data.json"));
const data_json_5 = tslib_1.__importDefault(require("../blocks/Tabs/__stories__/data.json"));
const data_json_6 = tslib_1.__importDefault(require("../gravity-blocks/navigation/__stories__/data.json"));
exports.default = {
    title: 'Lab/Tokenization/Blocks/ContentAndData',
    component: PageConstructor_1.PageConstructor,
};
const Template = ({ navigation, custom = {}, }) => ((0, jsx_runtime_1.jsx)(PageConstructor_1.PageConstructorProvider, { children: (0, jsx_runtime_1.jsx)(PageConstructor_1.PageConstructor, { extensions: (0, extensions_1.gravityBlocksExtension)({
            globalDefaults: {
                navigation,
            },
        }), custom: custom, content: {
            blocks: [
                // content-layout-block: default text only
                (0, utils_1.blockTransform)(data_json_1.default.default),
                // content-layout-block: centered
                (0, utils_1.blockTransform)(data_json_1.default.textAlignCenter),
                // content-layout-block: with background color
                (0, utils_1.blockTransform)(data_json_1.default.withBackgroundColor),
                // content-layout-block: with background image + color
                (0, utils_1.blockTransform)(data_json_1.default.withImageAndBackgroundColor),
                // content-layout-block: dark monochrome theme
                (0, utils_1.blockTransform)(data_json_1.default.theme[0]),
                // content-layout-block: light monochrome theme
                (0, utils_1.blockTransform)(data_json_1.default.theme[1]),
                // content-layout-block variants with list/links/buttons
                ...data_json_1.default.contentVariables.map(utils_1.blockTransform),
                // tabs-block: default (all tab types: image, video, youtube)
                (0, utils_1.blockTransform)(data_json_5.default.default.content),
                // questions-block: default with links
                (0, utils_1.blockTransform)(data_json_3.default.default.content),
                // questions-block: with bullet list items
                (0, utils_1.blockTransform)(data_json_3.default.textWithListBullet.content),
                // foldable-list-block: default
                (0, utils_1.blockTransform)(data_json_2.default.default),
                // foldable-list-block: with bullet list items
                (0, utils_1.blockTransform)(data_json_2.default.textWithListBullet),
                // foldable-list-block: with dash list items
                (0, utils_1.blockTransform)(data_json_2.default.textWithListDash),
                // table-block: numeric values (0/1)
                (0, utils_1.blockTransform)(data_json_4.default.default.content),
                // table-block: tick markers
                (0, utils_1.blockTransform)(data_json_4.default.tick.content),
            ],
        } }) }));
exports.Default = Template.bind({});
exports.Default.args = {
    custom: {
        navigation: {
            'custom-item': CustomComponent_1.CustomComponent,
        },
    },
    navigation: {
        ...data_json_6.default.navigation,
        header: {
            ...data_json_6.default.navigation.header,
            rightItems: [
                ...data_json_6.default.navigation.header.rightItems,
                {
                    type: 'custom-item',
                },
            ],
        },
    },
};
//# sourceMappingURL=ContentAndData.stories.js.map
