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 border border-border bg-secondary text-secondary-foreground font-medium text-sm align-middle">
                  {" "}
                  {key}{" "}
                </TableCell>

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