import { Head } from '@inertiajs/react';

import DashboardLayout from '@/components/dashboard/DashboardLayout';
import { useTranslation } from '@/contexts/LanguageContext';

interface Props {
    title: string;
    route: string;
}

export default function ComingSoon({ title, route }: Props) {
    const { t } = useTranslation();
    return (
        <DashboardLayout>
            <Head title={t(':title — Coming Soon', { title })} />
            <div className="flex h-full flex-col items-center justify-center text-center">
                <h1 className="mb-2 text-3xl font-semibold">{title}</h1>
                <p className="text-muted-foreground">{t('This admin section is coming soon.')}</p>
                <code className="mt-4 rounded bg-muted px-2 py-1 text-xs text-muted-foreground">/{route}</code>
            </div>
        </DashboardLayout>
    );
}
