import React from "react";

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

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

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