"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 data_json_1 = tslib_1.__importDefault(require("../blocks/Banner/__stories__/data.json"));
const data_json_2 = tslib_1.__importDefault(require("../blocks/Companies/__stories__/data.json"));
const data_json_3 = tslib_1.__importDefault(require("../blocks/Header/__stories__/data.json"));
const data_json_4 = tslib_1.__importDefault(require("../blocks/Info/__stories__/data.json"));
const data_json_5 = tslib_1.__importDefault(require("../blocks/Media/__stories__/data.json"));
const data_json_6 = tslib_1.__importDefault(require("../gravity-blocks/navigation/__stories__/data.json"));
exports.default = {
    title: 'Lab/Tokenization/Blocks/HeroAndMedia',
    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: [
                // header-block: default with action buttons
                (0, utils_1.blockTransform)(data_json_3.default.default),
                // header-block: with breadcrumbs + light background
                (0, utils_1.blockTransform)(data_json_3.default.breadcrumbs[0]),
                // header-block: with breadcrumbs + dark theme
                (0, utils_1.blockTransform)(data_json_3.default.breadcrumbs[1]),
                // header-block: with image
                (0, utils_1.blockTransform)(data_json_3.default.image),
                // header-block: with background image and color (media variant)
                (0, utils_1.blockTransform)({ type: 'header-block', ...data_json_3.default.media.image }),
                // banner-block: light theme with themed image
                (0, utils_1.blockTransform)(data_json_1.default.default.content),
                // banner-block: forced dark theme
                (0, utils_1.blockTransform)(data_json_1.default.darkTheme.content),
                // media-block: default with image
                (0, utils_1.blockTransform)(data_json_5.default.default),
                // media-block: image slider
                (0, utils_1.blockTransform)(data_json_5.default.imageSlider),
                // media-block: youtube embed
                (0, utils_1.blockTransform)({ type: 'media-block', ...data_json_5.default.video.youtube }),
                // media-block: video with controls
                (0, utils_1.blockTransform)({
                    type: 'media-block',
                    ...data_json_5.default.video.staticWithControls,
                }),
                // media-block: video with preview
                (0, utils_1.blockTransform)({
                    type: 'media-block',
                    ...data_json_5.default.video.videoWithPreview,
                }),
                // companies-block: title only
                (0, utils_1.blockTransform)(data_json_2.default.default.content),
                // companies-block: with description
                (0, utils_1.blockTransform)(data_json_2.default.withDescription.content),
                // info-block: dark theme (default)
                (0, utils_1.blockTransform)(data_json_4.default.default),
                // info-block: light theme with background color
                (0, utils_1.blockTransform)({ type: 'info-block', ...data_json_4.default.light }),
            ],
        } }) }));
exports.Default = Template.bind({});
exports.Default.args = {
    navigation: data_json_6.default.navigation,
};
//# sourceMappingURL=HeroAndMedia.stories.js.map
