import ContentDetail from "./ContentDetail";

function Detail({ data, loading }) {
  return (
    <ul className="flex flex-col items-start justify-start gap-[16px]">
      <ContentDetail
        head="روزهای کاری: "
        loading={loading}
        detail={`ساعت کاری: ${data.hours_of_work}`}
      />
      <ContentDetail
        head="تلفن: "
        loading={loading}
        detail={`${data.phone_number_1} ${data.phone_number_2}`}
      />
      <ContentDetail head="ایمیل:" loading={loading} detail={data.email} />
      <ContentDetail head="آدرس: " loading={loading} detail={data.location} />
    </ul>
  );
}

export default Detail;
