import React from 'react'
import Table from 'react-bootstrap/Table'
import "./listeRdv.css"

const ListeDossier = () => {

    const users = [

        {NoDOSSIER: '05425712' ,PATIENT: 'Dr Anna Bridges'   },
        {NoDOSSIER: '05425712' ,PATIENT: 'Dr Anna Bridges'   },
        {NoDOSSIER: '05425712' ,PATIENT: 'Dr Anna Bridges'  },
        {NoDOSSIER: '05425712' ,PATIENT: 'Dr Anna Bridges' },
    ]
    



  return (
    <div>
                    <Table className='tableRdv'>
                            <thead>
                                <tr>
                                <th>N° DOSSIER</th>
                                <th>PATIENT</th>
                                <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                {
                                users.map((item,i)=>
                                <tr key={i}>
                                <td>{item.NoDOSSIER}</td>
                                <td>{item.PATIENT}</td>
                                <td><button className='consulterBtn'>consulter</button></td>
                                </tr>
                                )
                                }
                            </tbody>
                            </Table>
    
            
    </div>
  )
}
export default ListeDossier;