import doctors from '@/data/doctors.json'
import ItemDoctor from './ItemDoctor';

function ListDoctors() {

    console.log(doctors);
    console.log('doctors');

    return (
        <div>
            <ul className="grid grid-cols-3 mt-[64px] gap-[24px]">
                {doctors.map(doctor => (
                    <ItemDoctor
                        key={doctor.id}
                        doctor={doctor}
                    />
                ))}
            </ul>
        </div>
    )
}

export default ListDoctors