import { BreadcrumbItem, SharedData } from '@/types';
import { usePage } from '@inertiajs/react';

export function capitalizeFirstLetter(str: string) {
    return str.charAt(0).toUpperCase() + str.slice(1);
}

export function useAuthBreadcrumb(): BreadcrumbItem[] {
    const { auth } = usePage<SharedData>().props;

    const dashboardHref =
        auth.user.role === 'admin' ? '/dashboard' : '/dashboard/masyarakat';

    const breadcrumbs: BreadcrumbItem[] = [
        {
            title: `🤣 Hai,... ${capitalizeFirstLetter(auth.user.name)}, Selamat Datang di Aplikasi DAMKAR`,
            href: dashboardHref,
        },
    ];

    return breadcrumbs;
}