'use client';

import { useTranslations } from 'next-intl';
import { CustomModuleManager } from '@/components/custom-modules/custom-module-manager';
import { CustomModulePreloadSettings } from '@/components/custom-modules/custom-module-preload-settings';

/**
 * Einstellungen > Eigene Module (quick-260929-dzu) — /settings/custom-modules.
 * Jeder angemeldete Benutzer pflegt hier seine PERSOENLICHEN Seitenleisten-
 * Eintraege; nur er selbst sieht sie. Die Trennung von den gemeinsamen
 * Eintraegen der Verwaltung erzwingt die API, nicht diese Seite.
 */
export default function CustomModulesSettingsPage() {
  const t = useTranslations('settings.customModules');

  return (
    <>
      <CustomModuleManager
        scope="personal"
        texts={{
          title: t('title'),
          description: t('description'),
          create: t('create'),
          noModules: t('noModules'),
          noModulesBody: t('noModulesBody'),
        }}
      />
      {/* quick-261008-who: Vorladen je Modul, auch fuer gemeinsame Eintraege. */}
      <div className="mt-6">
        <CustomModulePreloadSettings />
      </div>
    </>
  );
}