/* eslint-disable @typescript-eslint/no-explicit-any */
import GdprBanner from '@/components/common/gdpr-banner';
import config from '@/config/builder-config';
import { Head } from '@inertiajs/react';
import { Render } from '@puckeditor/core';

const RenderPage = ({ page }: any) => {
  return (
    <>
      <Head>
        <title>{page?.seo?.meta_title || page?.title || 'Page'}</title>
        {page?.seo?.meta_description && (
          <meta name="description" content={page.seo.meta_description} />
        )}
        {page?.seo?.meta_keywords && (
          <meta name="keywords" content={page.seo.meta_keywords} />
        )}
        {page?.seo?.og_image && (
          <meta property="og:image" content={'/' + page?.seo?.og_image} />
        )}
        {page?.seo?.disable_seo && <meta name="robots" content="noindex" />}
      </Head>
      <Render config={config} data={page?.content} />
      <GdprBanner />
    </>
  );
};

export default RenderPage;
