"use client";

/**
 * Figma: "Section / Four Questions" (24230:852)
 */

import { memo } from "react";
import { useMessages } from "../../../contexts/MessagesContext";
import FourQuestionsView from "./FourQuestions.view";
import type { FourQuestionCard } from "./FourQuestions.types";

const FourQuestionsContainer = memo(() => {
  const copy = useMessages().pages.about.fourQuestions;
  return (
    <FourQuestionsView
      heading={copy.heading}
      cards={copy.cards as FourQuestionCard[]}
      wishHeading={copy.wishHeading}
      wishParagraphs={copy.wishParagraphs}
      statsHeading={copy.statsHeading}
      statsSource={copy.statsSource}
      stats={copy.stats}
    />
  );
});

FourQuestionsContainer.displayName = "FourQuestions";

export default FourQuestionsContainer;