import { DataGrid } from '@mui/x-data-grid';

interface Props {
    rows: any,
    columns: any
}

export default function DataTable(props: Props) {
    return (
        <div style={{ flexGrow: 1, height: "100%", width: '100%' }}>
            <DataGrid
                rows={props.rows}
                columns={props.columns}
                initialState={{
                    pagination: {
                        paginationModel: { page: 0, pageSize: 5 },
                    },
                }}
                pageSizeOptions={[10, 20, 50, 100]}
                checkboxSelection
            />
        </div>
    );
}