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

const Home = () => {
  const cards = [
    {
      title: "Reassingned Serial No Anomoly Manual Updation",
      url: "/anomoly/reassigned",
    },
    // {
    //   title: "Part A OCR Anomoly - Batch 2022",
    //   url: "/anomoly/partA",
    // },
    {
      title: "Part A OCR Anomoly Dummy",
      url: "/anomoly/partA?type=new",
    },
    {
      title: "Part A OCR Anomoly - Old Dummy",
      url: "/anomoly/partA?type=old",
    },
    // {
    //   title:"Verification",
    //   url:"/verification"
    // }
    {
      title:"Statistics",
      url:"/statistics"
    }
  ];
  
  // const cards = [
  //   {
  //     title: "Reassingned Serial No Anomoly Manual Updation",
  //     url: "/anomoly/reassigned",
  //   }]
  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 Home;
