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

import Label from "../Label"

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

import type { UserProps } from "@/types/components/myPages/user"

export default async function NextLevel({}: UserProps) {
  const { formatMessage } = await getIntl()
  return (
    <section>
      <Label>{formatMessage({ id: "Next level" })}:</Label>
      <Title className={styles.nextLevel} color="pale" level="h3">
        N/A
        <BiroScript>{formatMessage({ id: "Coming up" })}!</BiroScript>
      </Title>
    </section>
  )
}
