"use client";
import { Contact } from "./contact";
import { Gallery } from "./gallery";
import { Header } from "./header";
import { Hero } from "./hero";
import { Markdown } from "./markdown";
import { Partners } from "./partners";
import { Quote } from "./quote";
import { Stairs } from "./stairs";
import { FooterWithContact } from "./footer-with-contact";
import { Footer } from "./footer-simple";
import { TextAndImage } from "./text-and-image";
import { Divi } from "./divi";
import { useTina } from "tinacms/dist/react";
export const blocks = {
    Contact,
    Gallery,
    Header,
    Hero,
    Markdown,
    Partners,
    Quote,
    Stairs,
    FooterWithContact,
    Footer,
    TextAndImage,
    Divi,
};
export const createBlocks = (blocks) => {
    return (props) => {
        const data = useTina(props.data);
        const global = useTina(props.global);
        const d = data.data;
        const page = d["footer"] || d["header"] || d["page"];
        const b = page.blocks;
        if (!page)
            return null;
        return (<>
        {b.map((block, i) => {
                if (!block.__typename)
                    return null;
                const name = block.__typename.replace("PageBlocks", "").replace("HeaderBlocks", "").replace("FooterBlocks", "");
                const Block = blocks[name];
                if (!Block)
                    return null;
                return <Block key={i} data={block} global={global.data.global}/>;
            })}
      </>);
    };
};