import type { DrupalNode } from "@/lib/types"

interface NodePageProps {
  node: DrupalNode
}

export function NodePage({ node }: NodePageProps) {
  return (
    <article className="mx-auto max-w-4xl">
      <h1 className="mb-4 text-4xl font-bold tracking-tight text-emerald-600">
        {node.title}
      </h1>
      {node.body?.processed && (
        <div
          className="pemerald pemerald-slate max-w-none pemerald-a:text-emerald-600 pemerald-a:underline hover:pemerald-a:text-emerald-500"
          dangerouslySetInnerHTML={{ __html: node.body.processed }}
        />
      )}
    </article>
  )
}
