import { jsx, jsxs } from "react/jsx-runtime";
import "react";
import { PageHeader } from "@ant-design/pro-layout";
import { useTranslation } from "react-i18next";
import { SchemaComponent } from "../schema-component/index.mjs";
import { uiSchemaTemplatesSchema } from "./schemas/uiSchemaTemplates.mjs";
const BlockTemplatePage = ()=>{
    const { t } = useTranslation();
    return /*#__PURE__*/ jsxs("div", {
        children: [
            /*#__PURE__*/ jsx(PageHeader, {
                style: {
                    backgroundColor: 'white'
                },
                ghost: false,
                title: t('Block templates')
            }),
            /*#__PURE__*/ jsx("div", {
                style: {
                    margin: 'var(--tb-spacing)'
                },
                children: /*#__PURE__*/ jsx(SchemaComponent, {
                    schema: uiSchemaTemplatesSchema
                })
            })
        ]
    });
};
const BlockTemplatesPane = ()=>/*#__PURE__*/ jsx(SchemaComponent, {
        schema: uiSchemaTemplatesSchema
    });
export { BlockTemplatePage, BlockTemplatesPane };
