import Address from "./Address";
import Head from "./Head";

function Location({ doctor }) {
  return (
    <div className="h-fit lg:h-screen w-full lg:w-[39%]">
      <div
        className="p-0 lg:p-[16px] sticky rounded-[8px] bg-transparent lg:bg-[#FFF] border border-solid border-transparent lg:border-[#EFEFEF] top-[calc(12px_+_75px_+_32px)] sm:top-[calc(21px_+_75px_+_45px)] md:top-[calc(30px_+_75px_+_58px)] lg:top-[calc(40px_+_75px_+_78px)]"
      >
        <Head doctor={doctor} />
        <span className="block bg-[#EFEFEF] lg:bg-transparent w-full h-px lg:my-[6px] mt-[16px]"></span>
        <Address doctor={doctor} />
      </div>
    </div>
  );
}

export default Location;
