import FCard from "./faq-card";

export default function FAQBlock({ faqs }) {
  return (
    <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">
      {Object.keys(faqs).map((faq) => (
        <FCard
          key={faq}
          question={faq}
          answer={faqs[faq].answer}
          src={faqs[faq].src}
          alt={faqs[faq].alt}
        />
      ))}
    </div>
  );
}
