// Purely a frontend notice — per the §13 guide, maintenance_mode doesn't
// lock anything server-side (every endpoint keeps responding normally), so
// this is just a visible heads-up banner, not an access gate.
export function MaintenanceBanner({ message }: { message?: string | null }) {
  return (
    <div className="bg-gold-500 text-navy-900">
      <div className="container-page flex items-center justify-center gap-2 py-2 text-center text-xs font-semibold sm:text-sm">
        <span aria-hidden="true">&#9888;</span>
        <span>{message?.trim() || "We're currently performing scheduled maintenance. Some things may look a little different than usual."}</span>
      </div>
    </div>
  );
}