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

const Home = () => {
  const cards = [
    {
      title: "Reassigned Serial No Anomoly Manual Updation (ATTENDANCE)",
      url: "/anomoly/attendence",
    },
    // {
    //   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: "Part C",
      url: "/anomoly/partC",
    },
    // {
    //   title:"Verification",
    //   url:"/verification"
    // }
    {
      title:"SQL Playground",
      url:"/sqlPlayground"
    },
    {
      title:"QR Code Scanner",
      url:"/barcodeScanner"
    },
    {
      title:"EV Qrcode",
      url:"/evQrcode"
    },
    {
      title:"PlayGrounds",
      url:"/Playgrounds"
    }
    // {
    //   title:"Marks Verfication",
    //   url:"/part-c/marks/verify"
    // }
  ];
  
  // 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" style={{width:'100%'}}>
          {cards.map((card) => (
            <HomepageCard title={card?.title} url={card?.url} />
          ))}
        </Box>
      </Box>
    </>
  );
};

export default Home;