import AppLayout from '@/layouts/app-layout';
import { type BreadcrumbItem } from '@/types';
import { Head } from '@inertiajs/react';

const breadcrumbs: BreadcrumbItem[] = [
    {
        title: 'Processos',
        href: '/processos',
    },
    {
        title: 'Horizon',
        href: '/processos/horizon',
    },
];

export default function Horizon() {
    return (
        <AppLayout breadcrumbs={breadcrumbs}>
            <Head title="Horizon" />
            <iframe
                src="/horizon/dashboard"
                className="w-full border-0"
                style={{ height: 'calc(100vh - 64px)' }}
                title="Horizon Dashboard"
            />
        </AppLayout>
    );
}