import AppointmentList from "./appointmentList"
import DetailDoctor from "./detailDoctor"

function DoctorPage({ doctor }) {
    return (
        <div className="pt-[120px] mt-[56px] padding-responsive">
            <div className="flex items-center justify-start text-[16px] font-normal">
                <p className="text-[#9B9B9B]">متخصص {doctor.expertise} {' >'}</p>
                <p className="text-[#525252] mr-1">{doctor.name}</p>
            </div>
            <div className="flex items-start justify-center gap-6 mt-[30px]">
                <DetailDoctor doctor={doctor} />
                <AppointmentList doctor={doctor} />
            </div>
        </div>
    )
}

export default DoctorPage;