import { RichText } from '@payloadcms/richtext-lexical/react'

interface RichTextBlockProps {
  content: Parameters<typeof RichText>[0]['data']
}

export function RichTextBlockComponent({ content }: RichTextBlockProps) {
  return (
    <section className="py-[20px] md:py-[40px]">
      <div className="max-w-[800px] mx-auto px-8">
        <div
          className="prose prose-lg max-w-none text-[#272727]"
          style={{ fontFamily: 'var(--font-poppins, Poppins), sans-serif' }}
        >
          <RichText data={content} />
        </div>
      </div>
    </section>
  )
}