import Title from "@/components/Title";
import styles from "./styles.module.css";

interface IQuestionProps {
  title: string;
  text: string;
}

function Question({ title, text }: IQuestionProps) {
  return (
    <>
      <div className={styles.header}>
        <div className={styles["image-container"]}>
          <img src="/question.svg" alt="Question icon" />
        </div>
        <Title variant="h5" className={styles["secondary-title"]}>
          {title}
        </Title>
      </div>
      <p className={styles.text}>{text}</p>
    </>
  );
}

export default Question;
