import { Box } from "@mui/material";
import HomepageCard from "./HomepageCard";
import {useState,useEffect} from "react"


const AnomolyAttendencePage = () =>{
    const cards = [
        {
          title: "Reassingned Serial No",
          url: "/anomoly/attendence/reassigned"
        },
        {
            title: "Additional Record Insertion",
            url: "/anomoly/attendence/additionalRecord",
        },   {
            title: "Additional Sheet Insertion",
            url: "/anomoly/attendence/additionalSheet",
        }
      ]

    return (
        <>
          <Box>
            <Box className="d-flex justify-content-center text-light bg-primary rounded py-3">
              <h1>Welcome to exampaper.vidh.ai</h1>
            </Box>
            <Box className="p-3">
              {cards.map((card) => (
                <HomepageCard title={card?.title} url={card?.url} />
              ))}
            </Box>
          </Box>
        </>
      );
}



export default AnomolyAttendencePage; 