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";
import { FEATURES } from "@/config/features";

function DetailDoctor({ doctor, comments, rateAggregate, addresses, bookableAddressUuids = [] }) {
  return (
    <div className="w-full lg:w-[59%]">
      {FEATURES.doctorShare && (
        <div className="hidden lg:flex">
          <Share data={doctor} />
        </div>
      )}
      <Title doctor={doctor} />
      <Link />
      <AboutDcotor doctor={doctor} />
      <Locations addresses={addresses} bookableAddressUuids={bookableAddressUuids} />
      <Comments
        doctor={doctor}
        comments={comments}
        rateAggregate={rateAggregate}
      />
    </div>
  );
}

export default DetailDoctor;