import type { ReactNode } from "react";
import { ExternalLink } from "lucide-react";
import { cn } from "@/lib/utils";
export function displayValue(
value: string | number | null | undefined,
fallback = "—",
): string {
if (value == null) return fallback;
const trimmed = String(value).trim();
return trimmed || fallback;
}
/**
* Format a numeric or string amount. Skips prefixing raw numeric currency ids
* (bond APIs sometimes return those instead of ISO codes).
*/
export function formatRecordMoney(
value: number | string | null | undefined,
currency?: string | null,
): string {
let numeric: number | null = null;
if (typeof value === "number") {
numeric = Number.isFinite(value) ? value : null;
} else {
const raw = (value ?? "").trim();
if (!raw) return "—";
const parsed = Number(raw.replace(/,/g, ""));
if (!Number.isFinite(parsed)) return raw;
numeric = parsed;
}
if (numeric == null) return "—";
const formatted = numeric.toLocaleString("en-US", {
minimumFractionDigits: 2,
maximumFractionDigits: 2,
});
const code = (currency ?? "").trim();
if (code && !/^\d+$/.test(code)) {
return `${code} ${formatted}`;
}
return formatted;
}
export function RecordDetailRow({
label,
value,
mono,
}: {
label: string;
value: string;
mono?: boolean;
}) {
return (
{label}
{value}
);
}
export function RecordViewSection({
title,
icon,
children,
}: {
title: string;
icon: ReactNode;
children: ReactNode;
}) {
return (
{icon}
{title}
{children}
);
}
export function RecordExternalLinkRow({ href, label = "Link" }: { href: string; label?: string }) {
const trimmed = href.trim();
if (!trimmed) return null;
return (
);
}