interface HelpSectionProps {
  id: string;
  title: string;
  children: React.ReactNode;
}

export function HelpSection({ id, title, children }: HelpSectionProps) {
  return (
    <section id={id}>
      <h2 className="font-heading text-xl md:text-2xl font-bold tracking-tight text-[#2D3436] mb-4">
        {title}
      </h2>
      <div className="space-y-4 text-[#2D3436]/80 leading-relaxed">
        {children}
      </div>
    </section>
  );
}
