import { formatAmountInput } from "@/lib/amount-input";

type StakeLimitNoteProps = {
  min: string | number;
  max: string | number;
  currency: string;
  sideMax?: string | number;
};

export function StakeLimitNote({ min, max, currency, sideMax }: StakeLimitNoteProps) {
  return (
    <p className="mt-1.5 text-center text-[10px] font-bold leading-4 text-slate-500">
      Mise min : {formatStakeLimit(min, currency)} / Mise max : {formatStakeLimit(max, currency)}
      {sideMax ? <span className="block sm:inline"> · Mises secondaires max : {formatStakeLimit(sideMax, currency)}</span> : null}
    </p>
  );
}

function formatStakeLimit(value: string | number, currency: string) {
  const amount = typeof value === "number" ? value : Number(value);
  const formatted = Number.isFinite(amount) ? formatAmountInput(amount) : String(value);
  return currency === "EUR" ? `${formatted} €` : `${formatted} ${currency}`;
}