2021-05-01 01:15:09 -05:00
|
|
|
import FCard from "./faq-card";
|
|
|
|
|
2021-06-11 03:55:53 -05:00
|
|
|
export default function FAQBlock({ faqs }) {
|
2021-05-01 01:15:09 -05:00
|
|
|
return (
|
2022-01-19 21:56:01 -06:00
|
|
|
<div className="p-4 space-y-4 rounded-lg ring-2 ring-alice-werefox-grey dark:ring-alice-werefox-grey-darker bg-alice-werefox-grey-lightest dark:bg-alice-werefox-grey-dark">
|
2021-06-11 03:55:53 -05:00
|
|
|
{Object.keys(faqs).map((faq) => (
|
2021-05-01 01:15:09 -05:00
|
|
|
<FCard
|
|
|
|
key={faq}
|
2021-07-11 01:12:40 -05:00
|
|
|
question={faq}
|
2021-06-11 03:55:53 -05:00
|
|
|
answer={faqs[faq].answer}
|
|
|
|
src={faqs[faq].src}
|
|
|
|
alt={faqs[faq].alt}
|
2021-05-01 01:15:09 -05:00
|
|
|
/>
|
|
|
|
))}
|
2021-10-06 23:04:38 -05:00
|
|
|
</div>
|
2021-05-01 01:15:09 -05:00
|
|
|
);
|
|
|
|
}
|