import AppLayout from '@/layouts/app-layout';
import { type PaginatedData } from '@/types';
import { ReactNode } from 'react';
import ImportList, { type ImportItem } from '@/components/ImportList';

type ImportIndexProps = { importData: PaginatedData<ImportItem>; importSummary: any[] };

function Index({ importData, importSummary }: ImportIndexProps) {
    return <ImportList importData={importData} importSummary={importSummary} />;
}

Index.layout = (page: ReactNode) => (
    <AppLayout
        breadcrumbs={[
            { title: 'Home', href: '/' },
            { title: 'Imports', href: route('users.import') },
        ]}
        title="Imports"
    >
        {page}
    </AppLayout>
);

export default Index;