import type { ReactNode } from "react";
import { cn } from "@/lib/utils";

type StatChipProps = {
  value: ReactNode;
  label: string;
  className?: string;
};

export function StatChip({ value, label, className }: StatChipProps) {
  return (
    <div
      className={cn(
        "inline-flex min-w-36 items-center gap-3 rounded-card border border-border bg-white px-4 py-3 shadow-card",
        className,
      )}
    >
      <span className="text-2xl font-bold text-primary">{value}</span>
      <span className="text-sm font-medium leading-5 text-navy-muted">{label}</span>
    </div>
  );
}