import DashboardOutlinedIcon from '@mui/icons-material/DashboardOutlined';
import AppsOutlinedIcon from '@mui/icons-material/AppsOutlined';

import TestAnalytics from "../components/TestAnalytics";
import HomePage from '../components/HomePage';
import Devices from '../components/Devices';
import { Download } from '@mui/icons-material';
import ExportData from '../components/ExportData';

const appRoutes = [
    {
        index: true,
        element: <HomePage />,
        state: "home"
    },
    {
        path: "/analytics",
        element: <TestAnalytics />,
        state: "analytics",
        sidebarProps: {
            displayText: "Analytics",
            icon: <DashboardOutlinedIcon />
        }
    },
    {
        path: "/tests/insights",
        element: <Devices />,
        state: "insights",
        sidebarProps: {
            displayText: "Insights",
            icon: <AppsOutlinedIcon />
        }
    },
    {
        path: "/hposdata",
        element: <ExportData />,
        state: "hposdata",
        sidebarProps: {
            displayText: "Data Download",
            icon: <Download />
        }
    },
]

export default appRoutes;