export { BANNER_HEIGHT } from "@/lib/layoutMetrics";
import { BANNER_HEIGHT } from "@/lib/layoutMetrics";

export function SiteBanner({ text }: { text: string }) {
  if (!text) return null;

  return (
    <div
      className="fixed inset-x-0 top-0 z-40 flex items-center justify-center px-6 bg-[var(--rk-ink)] text-[var(--rk-bg)]"
      style={{ height: BANNER_HEIGHT }}
    >
      <p className="text-xs sm:text-sm text-center truncate">{text}</p>
    </div>
  );
}