import { cn } from "@/lib/utils";

export function LiveBadge() {
  return (
    <span className="inline-flex rounded-full bg-[#d4f8d4] px-1.5 py-0.5 font-semibold text-[#1e7f1e] text-[11px]">
      LIVE
    </span>
  );
}

export function ParentIsinBadge() {
  return (
    <span className="inline-flex items-center gap-0.5 font-semibold text-[#1a4fb3] text-[11px]">
      <span aria-hidden>●</span> Parent ISIN
    </span>
  );
}

export function MarketPriceAgeBadge({ days }: { days: number }) {
  const recent = days <= 3;

  return (
    <span
      className={cn(
        "inline-flex rounded px-2 py-0.5 text-xs font-medium",
        recent
          ? "bg-[#d4edda] text-[#155724]"
          : "bg-[#f8d7da] text-[#721c24]",
      )}
    >
      {days} days
    </span>
  );
}
