import Title from "@/components/Title";
import styles from "./styles.module.css";
import Question from "./Question";
import { questions } from "@/data/oftenAsk";

function OftenAsk() {
  return (
    <div className={styles["often-ask"]}>
      <Title variant="h2" className={styles.title}>
        People often ask
      </Title>
      <ul>
        {questions.map((question, index) => (
          <li key={index}>
            <Question {...question} />
          </li>
        ))}
      </ul>
    </div>
  );
}

export default OftenAsk;
