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;
