export function CreditBox({
  value,
  label,
  color,
}: {
  value: number;
  label: string;
  color: string;
}) {
  return (
    <div className="rounded-xl p-4 xl:p-6 text-center glass-card-v2">
      <p className="font-body text-xl xl:text-28 font-semibold leading-9.5 text-heading">
        {value}
      </p>
      <p className={`mt-1.5 xl:mt-2.5 font-body text-sm xl:text-lg font-medium ${color}`}>
        {label}
      </p>
    </div>
  );
}