interface HelpArticleProps {
  title: string;
  description: string;
  children: React.ReactNode;
}

export function HelpArticle({ title, description, children }: HelpArticleProps) {
  return (
    <article className="max-w-3xl">
      <header className="mb-10">
        <h1 className="font-heading text-3xl md:text-4xl font-bold tracking-tight text-[#2D3436]">
          {title}
        </h1>
        <p className="mt-3 text-lg text-[#8A8F87] leading-relaxed">
          {description}
        </p>
      </header>
      <div className="space-y-12">{children}</div>
    </article>
  );
}
