// Alerts screen — empty until the Alert API entity ships.
window.AlertsScreen = function AlertsScreen({ t }) {
  return (
    <div className="page">
      <window.PageHeader
        title={t("alerts_title")}
        subtitle={t("alerts_sub")}
      />
      <div className="card" style={{ padding: 48, textAlign: "center" }}>
        <div style={{ fontSize: 14, fontWeight: 600, marginBottom: 8 }}>{t("alerts_title")}</div>
        <div style={{ fontSize: 12.5, color: "var(--text-muted)", maxWidth: 480, margin: "0 auto", lineHeight: 1.6 }}>
          {t("no_alerts")}
        </div>
      </div>
    </div>
  );
};

Object.assign(window, { AlertsScreen: window.AlertsScreen });