Files
community-rule/app/components/sections/FourQuestions/FourQuestions.container.tsx
T

30 lines
788 B
TypeScript

"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;