import { Box } from "@mui/material"
import { GeneralHealthCard } from "../../GeneralHealthCard/GeneralHealthCard"
import { TransactionsOverview } from "../../TransactionsOverview/TransactionsOverview"
import { TransactionsWaitingApproval } from "../../TransactionsWaitingApproval/TransactionsWaitingApproval"
import { FetchReport } from "../../FetchReports/FetchReports"
import { Documentation } from "../../Documentation/Documentation"
import { AccountIQ } from "../../AccountIQ/AccountIQ"
import { WhatsNew } from "../../WhatsNew/WhatsNew"



export const DashboardHomePage = () => {
  return (
    <>
      <Box sx={{ p: 2 }}>
        <GeneralHealthCard />
      </Box>
      <TransactionsOverview />
      <TransactionsWaitingApproval />
      <FetchReport />
      <Documentation />
      <AccountIQ />
      <WhatsNew />
    </>
  )
}