export function InfoBoxRow({
  label,
  value,
  bg,
  border,
  labelColor,
  valueColor,
}: {
  label: string;
  value: string;
  bg: string;
  border: string;
  labelColor: string;
  valueColor: string;
}) {
  return (
    <div
      className="flex items-center justify-between rounded"
      style={{ padding: '6px 8px', background: bg, border: `1px solid ${border}` }}
    >
      <span>
        <b style={{ color: labelColor }}>{label}</b>
      </span>
      <span className="font-mono font-bold" style={{ color: valueColor }}>
        {value}
      </span>
    </div>
  );
}
