import { useEffect, useState } from "react";

function formatClockTime(date: Date) {
  return date.toLocaleTimeString(undefined, {
    hour: "numeric",
    minute: "2-digit",
  });
}

export function useLiveClock() {
  const [time, setTime] = useState(() => formatClockTime(new Date()));

  useEffect(() => {
    const tick = () => setTime(formatClockTime(new Date()));
    tick();
    const id = setInterval(tick, 15_000);
    return () => clearInterval(id);
  }, []);

  return time;
}