Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 | 4x 4x 1x 1x 3x | import React, { FC } from 'react';
import { useTranslation } from 'react-i18next';
import { Accordion, AccordionSection } from 'ag-ems-ui-library';
const styles = require('./Booking.module.css');
export const BookingFAQ: FC<{
faq: { question: string; answer: string }[]
}> = ({
faq
}) => {
const { t } = useTranslation();
return <section className={styles.BookingFAQ}>
<h2 className={styles.BookingSubtitle}>{t('faq')}</h2>
<Accordion desktopView={false}>
{faq.map((item, index) =>
<AccordionSection
title={<h3 className={styles.BookingFAQTitle}>{item.question}</h3>}
key={index}
>
<p className={styles.BookingFAQText}>{item.answer}</p>
</AccordionSection>
)}
</Accordion>
</section>;
};
|