Artifacts

"use client";

import { useEffect, useState } from "react";

/** Live current time for the Mission Control header. */
export function Clock() {
  const [now, setNow] = useState<string | null>(null);
  useEffect(() => {
    const tick = () => setNow(new Date().toLocaleString());
    tick();
    const t = setInterval(tick, 1000);
    return () => clearInterval(t);
  }, []);
  return (
    <span className="font-mono tabular-nums" suppressHydrationWarning>
      {now ?? "—"}
    </span>
  );
}