"use client";

import { usePermissions } from "@/lib/hooks/usePermissions";

export function DemoBanner() {
  const { isDemo, isLoading } = usePermissions();

  if (isLoading || !isDemo) return null;

  return (
    <div className="flex items-center justify-center gap-2 bg-amber-50 border-b border-amber-200 px-4 py-2 text-sm text-amber-800">
      <span className="font-medium">Demo-Modus</span>
      <span className="text-amber-600">&mdash;</span>
      <span>Keine echten Mandantendaten eingeben</span>
    </div>
  );
}
