import React from "react";

interface ParagraphProps {
  children: React.ReactNode;
  className?: string;
}

export const Paragraph: React.FC<ParagraphProps> = ({
  children,
  className = "",
}) => (
  <div
    className={`not-prose text-slate-700 font-serif text-lg md:text-xl leading-[1.6] mb-8 ${className}`}
  >
    {children}
  </div>
);

export const LeadParagraph: React.FC<ParagraphProps> = ({
  children,
  className = "",
}) => (
  <div
    className={`not-prose text-xl md:text-2xl text-slate-700 font-serif italic leading-snug mb-10 ${className}`}
  >
    {children}
  </div>
);
