import { PageBlocks } from '#web-runtime/blocks/registry';
import { articleJsonLd, JsonLdScript } from '#web-runtime/lib/structured-data';
import type { PageDocument } from '#web-runtime/types';
import Breadcrumbs from './Breadcrumbs';
import PageHero from './PageHero';

export default function EditorialPageLayout({ page }: { page: PageDocument }) {
  const article = articleJsonLd(page);

  return (
    <main className="flex-1" data-page-layout={page.layout}>
      {article && <JsonLdScript data={article} />}
      <Breadcrumbs items={page.breadcrumbs} />
      <PageHero page={page} />
      <div className="[&_header]:max-w-184 [&_section_div.text-base]:max-w-184">
        <PageBlocks blocks={page.blocks} />
      </div>
    </main>
  );
}