import { useTranslation } from "react-i18next";
import { AlertTriangle } from "lucide-react";
import Banner from "./Banner";

// Permanent, non-dismissible bar shown to the shared demo account so it's always clear the
// state is communal. (Replaces the old login-time toast, which re-popped on every reload.)
export default function DemoBanner() {
  const { t } = useTranslation();
  return (
    <Banner tone="warning" icon={AlertTriangle}>
      <span className="font-semibold">{t("common.demoTitle")}</span>
      <span className="text-muted"> — {t("common.demoSharedNotice")}</span>
    </Banner>
  );
}
