import Divider from "@/components/TempDesignSystem/Divider"

import NextLevel from "./NextLevel"
import Points from "./Points"

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

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

export default function Stats({ user, lang }: UserProps & LangParams) {
  return (
    <section className={styles.stats}>
      <Points user={user} />
      <Divider variant="default" color="white" />
      <NextLevel user={user} lang={lang} />
    </section>
  )
}
