import React from 'react'
import CardConsulta from './CardConsulta'
import AgendamentosMes from './DadosConsultasMock'

const TabelaAgendamentoDia = ({handleClickAgendamento}) => {

  let agendamentosDessaSemana = AgendamentosMes.semana1

  let agendamentos = agendamentosDessaSemana.segunda

  console.log(agendamentos)

  return (
   <div>
  <table border="2">
    <thead>
      <tr>
        <th>Horário</th>
        <th>Paciente</th>
      </tr>
    </thead>

    <tbody>

    {agendamentos.map((agendamento) => (
      <tr key={agendamento.id} border='2' >
        <td>{agendamento.horario}</td>
        <td>
          
          <div onClick={() => handleClickAgendamento(agendamento)} >
          <CardConsulta DadosConsulta={agendamento} />
          </div>

        </td>
      </tr>



    ))}



    </tbody>
  </table>
</div>

  )
}

export default TabelaAgendamentoDia