/** One labelled value in a dashboard row (price, quantity, validity…). */
export default function Figure({
  label,
  children,
  className = "",
}: {
  label: string;
  children: React.ReactNode;
  className?: string;
}) {
  return (
    <div className={`min-w-0 ${className}`}>
      <dt className="truncate text-[11px] text-gray-500">{label}</dt>
      <dd className="truncate text-sm font-medium text-gray-900">{children}</dd>
    </div>
  );
}