import turns from '@/data/turns.json';
import ItemAppointment from './ItemAppointment';

function AppointmentList() {
    return (
        <ul className="w-[40%] flex flex-col justify-start items-center gap-8">
            {turns.map(item => (
                <ItemAppointment
                    turn={item}
                    key={item.id}
                />
            ))}
        </ul>
    )
}

export default AppointmentList