import Title from "@scandic-hotels/design-system/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 }: HowItWorksProps) {
  const intl = await getIntl()
  return (
    <SectionWrapper dynamic_content={dynamic_content}>
      <section className={styles.container}>
        <Title level="h3">
          {intl.formatMessage({
            id: "common.howItWorks",
            defaultMessage: "How it works",
          })}
        </Title>
      </section>
    </SectionWrapper>
  )
}
