import { _ } from "@/lib/translation"

import BiroScript from "@/components/TempDesignSystem/BiroScript"
import Title from "@/components/TempDesignSystem/Title"

import Label from "../Label"

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

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

export default function NextLevel({}: UserProps) {
  return (
    <section>
      <Label>{_("Next level")}:</Label>
      <Title className={styles.nextLevel} color="pale" level="h3">
        {_("Close friend")}
        <BiroScript>{_("Coming up")}!</BiroScript>
      </Title>
    </section>
  )
}