import { Head } from '@inertiajs/react';
import ManageBrowserSessions, {
    type BrowserSession,
} from '@/components/manage-browser-sessions';
import { edit } from '@/routes/sessions';

export default function Sessions({
    sessions,
}: {
    sessions: BrowserSession[];
}) {
    return (
        <>
            <Head title="Sessions navigateur" />

            <h1 className="sr-only">Sessions navigateur</h1>

            <ManageBrowserSessions sessions={sessions} />
        </>
    );
}

Sessions.layout = {
    breadcrumbs: [
        {
            title: 'Sessions',
            href: edit(),
        },
    ],
};