import { Table, TableBody, TableCell, TableRow } from "@common/components/ui";

export default function WrOverLayTable({overLayData}:{overLayData:any,}){


  
    return(

        <>
         <Table>
          <TableBody>
            {Object.entries(overLayData).map(([key, value]) => (
              <TableRow key={key}>
                <TableCell className=" w-1/3 bg-slate-100 text-slate-800 font-medium text-sm align-middle border border-slate-300">
                  {" "}
                  {key}{" "}
                </TableCell>

                <TableCell
                  className={
                    "w-1/3 bg-white text-right pr-3 text-sm align-middle border border-slate-300"
                  }
                >
                  {" "}
                  {String(value)}{" "}
                </TableCell>
              </TableRow>
            ))} 
          </TableBody>
        </Table>
        </>
    )
}