import React from 'react'
import { TBODY, TR } from './constants'
import TableRow from './TableRow'

function TableBody({ data, setTableData, columns }) {
    // useEffect(() => {
    //     setTableData(data)
    //     // console.log("tableData ",data)
    // },[data])

    return (
        <TBODY>
            {Object.keys(data).length !== 0 ? (
                Object.keys(data).map((row, index) => {
                    return (
                        <TR key={index}>
                            {/* it's a good practice to use a unique identifier if available for the key prop */}
                            <TableRow
                                row={data[index]}
                                rowIndex={index}
                                setTableData={setTableData}
                                columns={columns}
                            />
                        </TR>
                    );
                })
            ) : (
                <div className="table-body-no-results">{"No Data Present"}</div>
            )}
        </TBODY>
    );
}

export default TableBody