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

import { ContentTable } from '@/features/cms/content-table';

export async function generateMetadata(): Promise<Metadata> {
  const t = await getTranslations('pages.cms');
  return { title: t('title') };
}

export default async function Page() {
  const t = await getTranslations('pages.cms');

  return (
    <div className="space-y-6 p-8">
      <header>
        <h1 className="text-2xl font-bold">{t('title')}</h1>
        <p className="text-ink-500 mt-2 max-w-2xl text-sm">{t('body')}</p>
      </header>

      <ContentTable />
    </div>
  );
}