function FAQ({ lang }) {
  const [open, setOpen] = React.useState(0);
  return (
    <section className="band band-cream faq-band" id="faq">
      <div className="wrap">
        <div className="eyebrow eyebrow-dim">{t(COPY.faq.eye, lang)}</div>
        <h2 className="faq-band">{t(COPY.faq.h2, lang)}</h2>
        <div className="faq-list">
          {COPY.faq.items.map((it, i) => (
            <div className={"faq-item" + (open === i ? " open" : "")} key={i}>
              <button className="faq-q" onClick={() => setOpen(open === i ? -1 : i)}>
                <span>{t(it.q, lang)}</span>
                <span className="faq-toggle">{open === i ? "−" : "+"}</span>
              </button>
              {open === i && <div className="faq-a">{t(it.a, lang)}</div>}
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}
window.FAQ = FAQ;