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

import type { LevelSummaryProps } from "@/types/components/content/blocks"

export default function LevelSummary({
  level,
  showDescription = true,
}: LevelSummaryProps) {
  return (
    <div className={styles.levelSummary}>
      <span className={styles.levelRequirements}>{level.requirement}</span>
      {showDescription && (
        <p className={styles.levelSummaryText}>{level.description}</p>
      )}
    </div>
  )
}