Live Hours Nav

"use client";

import { useEffect, useId, useMemo, useRef, useState, useSyncExternalStore } from "react";

/**
 * A site header that knows whether the shop is open.
 *
 * THE SHOP'S CLOCK, NOT THE VISITOR'S. "Open now" is a statement about the
 * business's wall clock. new Date().getHours() answers it for wherever the
 * visitor happens to be, so a customer checking a London barber from New York
 * is told it is shut all afternoon. Weekday and time are read through Intl in
 * the business's own IANA zone, which also handles daylight saving for free.
 *
 * NEVER RENDER THE TIME ON THE SERVER. A statically generated page is built
 * once and served for hours, so a server-rendered "Open now" is frozen at build
 * time — and it is a guaranteed hydration mismatch. The clock is a
 * useSyncExternalStore whose server snapshot is 0, shown as a placeholder of
 * the same width, and the real value lands on mount.

  // ---------------------------------------------------------------
  // Full source available with a viberdy Pro subscription.
  // https://viberdy.dev/pricing
  // ---------------------------------------------------------------
}