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"

export default function Stats({ user }: UserProps) {
  return (
    <section className={styles.stats}>
      <Points user={user} />
      <Divider color="pale" />
      <ExpiringPoints user={user} />
    </section>
  )
}