import { Card, Grid, Container } from '@mui/material';
import { useParams } from 'react-router-dom';
import HeaderBreadcrumbs from '../../../components/HeaderBreadcrumbs';
import Page from '../../../components/Page';
import useSettings from '../../../hooks/useSettings';
import List from './List';

export default function Index() {
    const { themeStretch } = useSettings();

    const { id } = useParams();

    const pageTitle = 'Files Provider';
    return (
        <Page title={pageTitle}>
        <Container maxWidth={themeStretch ? false : 'xl'}>
            <HeaderBreadcrumbs
            heading={pageTitle}
            links={[
                {
                name: 'Report',
                href: '#',
                },
                {
                name: 'Files Provider',
                href: '/report/files-provider',
                },
            ]}
            />

            <List />
        </Container>
        </Page>
    );
}