"use client";

import ReactMarkdown from "react-markdown";

export function TextBlockWidget({ config }: { config: Record<string, any> }) {
  const content = (config.content as string) || "";
  const heading = (config.heading as string) || "";

  return (
    <div className="w-full max-w-4xl mx-auto py-8 text-white space-y-6">
      {heading && (
        <h2 className="text-3xl md:text-5xl font-serif text-white/90">
          {heading}
        </h2>
      )}
      <div className="prose prose-invert prose-white prose-p:text-white/70 prose-a:text-white max-w-none prose-headings:font-serif">
        <ReactMarkdown>{content}</ReactMarkdown>
      </div>
    </div>
  );
}