app/frontend/src/components/FaqSection.tsx

import type { FaqEntry } from "../content/types";

interface FaqSectionProps {
  faq: FaqEntry[];
}

export function FaqSection({ faq }: FaqSectionProps) {
  return (
    <div className="faq-list">
      {faq.map((item) => (
        <details key={item.question} className="faq-item">
          <summary>{item.question}</summary>
          <p>{item.answer}</p>
        </details>
      ))}
    </div>
  );
}