frontend/app/components/HUDItem.js

export const HUDItem = ({ value, label }) => (
  <div className="font-mono text-xs tracking-wider uppercase border border-zinc-200 rounded-md py-2 px-3">
    <span className="text-zinc-500">{label}: </span>
    <span className="font-bold text-zinc-700">{value}</span>
  </div>
);

export default HUDItem;