"use client";

import AutoCompleteSelect from "@/app/component/element/AutoCompleteSelect";

function PlaceVisit({ locateVisit, setLocateVisit, isError }) {
  const clinics = [
    { label: "درمانگاه رازی", id: 10 },
    { label: "درمانگاه ابوعلی", id: 20 },
    { label: "درمانگاه مرکزی", id: 30 },
  ];

  const updateData = (event) => setLocateVisit(event);

  return (
    <div className="flex flex-col items-start gap-[19px] justify-start">
      <p className="text-[#3B3B3B] text-[14px] md:text-[16px] font-bold">
        1. انتخاب محل ویزیت
      </p>
      <AutoCompleteSelect
        isError={isError && !locateVisit}
        updateData={updateData}
        label="درمانگاه"
        list={clinics}
      />
    </div>
  );
}

export default PlaceVisit;
