import { Metadata } from 'next';
import { getTranslations } from 'next-intl/server';

import { SecuritySettingsContent } from './security-settings-content';

interface SecurityPageProps {
  params: { locale: string };
}

export async function generateMetadata(): Promise<Metadata> {
  const t = await getTranslations('settings');

  return {
    title: `${t('securityTitle')} - ${t('title')}`,
  };
}

/**
 * Security settings page - Server Component
 */
export default function SecuritySettingsPage({ params: { locale } }: SecurityPageProps) {
  return <SecuritySettingsContent locale={locale} />;
}
