import Link from "./Link"
import Share from "./Share"
import Title from "./Title"
import AboutDcotor from "./cards/AboutDcotor"
import Comments from "./cards/comments"
import Locations from "./cards/locations"

function DetailDoctor({ doctor, loading }) {
    return (
        <div className="w-full lg:w-[59%]">
            <div className="hidden lg:flex">
                <Share />
            </div>
            <Title doctor={doctor} loading={loading} />
            <Link />
            <AboutDcotor loading={loading} doctor={doctor} />
            <Locations loading={loading} doctor={doctor} />
            <Comments loading={loading} doctor={doctor} />
        </div>
    )
}

export default DetailDoctor