@botonic/plugin-flow-builder/lib/cjs/content-fields/flow-carousel.js

Use Flow Builder to show your contents

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.FlowCarousel = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = require("@botonic/react");
const content_fields_base_1 = require("./content-fields-base");
const flow_element_1 = require("./flow-element");
class FlowCarousel extends content_fields_base_1.ContentFieldsBase {
    constructor() {
        super(...arguments);
        this.code = '';
        this.elements = [];
    }
    static fromHubtypeCMS(component, locale, cmsApi) {
        const newCarousel = new FlowCarousel(component.id);
        newCarousel.code = component.code;
        newCarousel.elements = component.content.elements.map(element => flow_element_1.FlowElement.fromHubtypeCMS(element, locale, cmsApi));
        return newCarousel;
    }
    toBotonic(id) {
        return ((0, jsx_runtime_1.jsx)(react_1.Carousel, { children: this.elements.map(element => element.toBotonic(id)) }, id));
    }
}
exports.FlowCarousel = FlowCarousel;
//# sourceMappingURL=flow-carousel.js.map