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

import { TimeTrackingContent } from './time-tracking-content';

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

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

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

/**
 * Time Tracking overview page - Server Component
 * Shows time clock and recent entries
 */
export default function TimeTrackingPage({ params: { locale } }: TimeTrackingPageProps) {
  return <TimeTrackingContent locale={locale} />;
}
