import type { SiteSettings } from "@prisma/client";

/** Matches Tailwind `top-10` / `h-10` used by header offset. */
export const URGENCY_BANNER_HEIGHT_CLASS = "h-10";

interface UrgencyBannerProps {
  settings: SiteSettings;
}

export function UrgencyBanner({ settings }: UrgencyBannerProps) {
  if (!settings.urgencyBannerEnabled || !settings.urgencyBannerText) {
    return null;
  }

  return (
    <div
      className={`fixed top-0 left-0 right-0 z-[60] ${URGENCY_BANNER_HEIGHT_CLASS} flex items-center justify-center bg-accent text-accent-foreground px-4 text-sm font-medium`}
    >
      <p className="truncate">{settings.urgencyBannerText}</p>
    </div>
  );
}