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

import ExpiringPoints from "./ExpiringPoints"
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} lang={lang} />
      <Divider variant="default" color="pale" />
      <ExpiringPoints user={user} />
    </section>
  )
}