// Dashboard — Réglages (vue complète, remplace le dialog engrenage) :
// Entreprise (CompanySettings embarqué) · Équipe · Sécurité · Abonnement ·
// Support — sections partagées avec le mobile (ui_kits/shared/SettingsSections.jsx).
// window.OryzeDash.SettingsView
(function () {
  const { Tabs, Card } = window.OryzeDesignSystem_78c60a;

  function SettingsView() {
    const [tab, setTab] = React.useState("entreprise");
    const S = window.OryzeShared;
    return (
      <div style={{ display: "flex", flexDirection: "column", gap: 18, maxWidth: 760 }}>
        <Tabs value={tab} onChange={setTab} tabs={[
          { value: "entreprise", label: "Entreprise" },
          { value: "equipe", label: "Équipe" },
          { value: "securite", label: "Sécurité" },
          { value: "abonnement", label: "Abonnement" },
          { value: "support", label: "Support" }]} />

        {tab === "entreprise" ? (
          <Card variant="flat" padding="20px">
            <div style={{ fontSize: 12.5, color: "var(--text-muted)", marginBottom: 16, lineHeight: 1.5 }}>
              Identité émetteur — alimente l'en-tête, les mentions légales et le profil Factur-X (BT-34) de chaque facture.
            </div>
            {React.createElement(S.CompanySettings, { embedded: true })}
          </Card>
        ) : tab === "equipe" ? (
          <S.TeamSection />
        ) : tab === "securite" ? (
          <S.SecuritySection />
        ) : tab === "abonnement" ? (
          <S.SubscriptionSection />
        ) : (
          <S.SupportSection />
        )}
      </div>
    );
  }

  window.OryzeDash = window.OryzeDash || {};
  window.OryzeDash.SettingsView = SettingsView;
})();