import type { PageBlock } from '#web-runtime/types';

export default function UnsupportedBlock({ block }: { block: PageBlock }) {
  if (process.env.NODE_ENV !== 'development') {
    return null;
  }

  return (
    <section
      className="border-b border-[#d6d7cf] bg-[#fff0d7] py-4 font-mono text-sm text-[#754200]"
      data-page-block={block.type}
    >
      <div className="mx-auto w-[min(calc(100%-2rem),76rem)] max-[45rem]:w-[min(calc(100%-1.25rem),76rem)]">
        Renderer missing for block type <code>{block.type}</code>.
      </div>
    </section>
  );
}