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

export default function Stub({ section }: { section: string }) {
    const title = section.replace(/-/g, ' ').replace(/\b\w/g, (c) => c.toUpperCase());
    return (
        <>
            <Head title={title} />
            <div className="flex h-full min-h-[60vh] flex-col items-center justify-center gap-2 py-24 text-center">
                <h1 className="text-xl font-semibold text-foreground">{title}</h1>
                <p className="text-sm text-muted-foreground">This section arrives in a later build phase.</p>
            </div>
        </>
    );
}
