import { Head } from '@inertiajs/react';
import Heading from '@/components/heading';
import { dashboard } from '@/routes';

type Props = {
    title: string;
    description: string;
};

export default function StockPlaceholder({ title, description }: Props) {
    return (
        <>
            <Head title={title} />
            <div className="flex h-full flex-1 flex-col gap-6 p-4 md:p-6">
                <Heading title={title} description={description} />
                <p className="text-muted-foreground text-sm">
                    Écran en cours de construction.
                </p>
            </div>
        </>
    );
}

StockPlaceholder.layout = {
    breadcrumbs: [
        { title: 'Tableau de bord', href: dashboard() },
        { title: 'Gestion de stock', href: '#' },
    ],
};