// Notifications — écran mobile (panneau partagé NotificationsPanel).
// window.OryzeApp.NotificationsScreen
(function () {
  const { IconButton } = window.OryzeDesignSystem_78c60a;
  const Ic = window.OryzeIcons;

  function NotificationsScreen({ go, onUnreadChange }) {
    return (
      <div style={{ padding: "14px 16px 26px", display: "flex", flexDirection: "column", gap: 14 }}>
        <div style={{ display: "flex", alignItems: "center", gap: 10 }}>
          <IconButton size="sm" variant="ghost" label="Retour" icon={<Ic.chevronLeft size={20} />} onClick={() => go && go("dashboard")} />
          <div style={{ fontWeight: 700, fontSize: 20, letterSpacing: "-0.02em", flex: 1 }}>Notifications</div>
        </div>
        {React.createElement(window.OryzeShared.NotificationsPanel, {
          onUnreadChange,
          onNavigate: (t) => {
            // cibles web → onglets mobiles équivalents
            const map = { relances: "factures", tres: "tresorerie", tva: "tresorerie", carte: "carte", docs: "documents" };
            go && go(map[t] || "dashboard");
          },
        })}
      </div>
    );
  }

  window.OryzeApp = window.OryzeApp || {};
  window.OryzeApp.NotificationsScreen = NotificationsScreen;
})();