export function ScoreBadge({ score, size = "md" }: { score: number; size?: "sm" | "md" | "lg" }) {
  const dims = { sm: "h-10 w-10 text-sm", md: "h-14 w-14 text-lg", lg: "h-20 w-20 text-2xl" }[size];

  return (
    <div
      className={`flex ${dims} flex-col items-center justify-center rounded-full border-2 border-signal font-display font-semibold text-signal`}
      aria-label={`Editor score: ${score} out of 10`}
    >
      {score.toFixed(1)}
    </div>
  );
}