"use client";

import { cn } from "@/lib/utils";
import type { Week } from "@/lib/types";

interface NumberBadgeProps {
  number: number;
  week: Week;
  size?: "sm" | "md" | "lg";
  className?: string;
}

export function NumberBadge({ number, week, size = "md", className }: NumberBadgeProps) {
  return (
    <div
      className={cn(
        "rounded-full flex items-center justify-center font-bold text-white",
        {
          "w-6 h-6 text-xs": size === "sm",
          "w-8 h-8 text-sm": size === "md",
          "w-10 h-10 text-base": size === "lg",
          "bg-week2": week === 2,
          "bg-week3": week === 3,
        },
        className
      )}
    >
      {number}
    </div>
  );
}