import Title from "@/components/TempDesignSystem/Text/Title"
import { getIntl } from "@/i18n"

import SectionWrapper from "../SectionWrapper"

import styles from "./howItWorks.module.css"

import type { HowItWorksProps } from "@/types/components/blocks/dynamicContent"

export default async function HowItWorks({
  dynamic_content,
  firstItem,
}: HowItWorksProps) {
  const intl = await getIntl()
  const displayHeader = !!(
    dynamic_content.link ||
    dynamic_content.subtitle ||
    dynamic_content.title
  )
  return (
    <SectionWrapper dynamic_content={dynamic_content} firstItem={firstItem}>
      <section className={styles.container}>
        <Title level="h3">{intl.formatMessage({ id: "How it works" })}</Title>
      </section>
    </SectionWrapper>
  )
}
