import { useIntl } from "react-intl"

import { Typography } from "@scandic-hotels/design-system/Typography"

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

export default function YourLevel() {
  const intl = useIntl()
  return (
    <Typography variant="Title/Decorative/md">
      <span className={styles.script}>
        {intl.formatMessage({
          id: "overviewTable.yourLevel",
          defaultMessage: "Your level",
        })}
      </span>
    </Typography>
  )
}