import Image from "@/components/Image"

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

import { LevelSummaryProps } from "@/types/components/loyalty/blocks"

export default function LevelSummary({ level }: LevelSummaryProps) {
  return (
    <div className={styles.levelSummary}>
      <Image src={level.icon} alt={level.name} height={50} width={100} />
      <span className={styles.levelRequirements}>{level.requirement}</span>
      <p className={styles.levelSummaryText}>{level.description}</p>
    </div>
  )
}
