// FAQ section
function FAQRow({ q, a, open, onToggle }) {
return (
{open && (
{a}
)}
);
}
function FAQ() {
const isMobile = window.useIsMobile();
const { t } = window.useI18n();
const items = t('faq.items');
const [sectionRef, sectionInView] = window.useInView();
const [openIndex, setOpenIndex] = React.useState(0);
const toggle = i => setOpenIndex(prev => prev === i ? null : i);
const left = items.slice(0, 3);
const right = items.slice(3);
return (
{t('faq.heading')}
{left.map((it, i) => (
toggle(i)} />
))}
{right.map((it, i) => (
toggle(i + 3)} />
))}
);
}