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

import { DepartmentSkillMatrixContent } from './department-skill-matrix-content';

interface DepartmentSkillMatrixPageProps {
  params: { locale: string; departmentId: string };
}

export async function generateMetadata({
  params,
}: DepartmentSkillMatrixPageProps): Promise<Metadata> {
  const t = await getTranslations('lean');

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

/**
 * Department Skill Matrix page - Server Component
 * Shows the skill matrix grid for a specific department
 */
export default function DepartmentSkillMatrixPage({
  params: { locale, departmentId },
}: DepartmentSkillMatrixPageProps) {
  return <DepartmentSkillMatrixContent locale={locale} departmentId={departmentId} />;
}
