const sha = typeof __BUILD_SHA__ === 'string' ? __BUILD_SHA__ : 'dev';
const time = typeof __BUILD_TIME__ === 'string' ? __BUILD_TIME__ : new Date().toISOString();

const formatted = (() => {
  const d = new Date(time);
  if (Number.isNaN(d.getTime())) return time;
  return d.toLocaleString('nl-NL', { dateStyle: 'short', timeStyle: 'short' });
})();

const BuildStamp = () => (
  <div
    className="hidden md:block fixed bottom-1 right-2 text-[10px] font-mono text-fg-muted/60 z-40 pointer-events-none select-none"
    title={`Build ${sha} at ${time}`}
  >
    v{sha} · {formatted}
  </div>
);

export default BuildStamp;
