'use client';

import AutoCompleteSelect from "@/app/component/element/AutoCompleteSelect"
import { useState } from "react";

function PlaceVisit() {

    const clinics = [
        { label: 'درمانگاه رازی', id: 10 },
        { label: 'درمانگاه ابوعلی', id: 20 },
        { label: 'درمانگاه مرکزی', id: 30 }
    ];

    const [locateVisit, setLocateVisit] = useState();

    const updateData = event => setLocateVisit(event.target.innerText);

    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
                updateData={updateData}
                label='درمانگاه'
                list={clinics}
            />
        </div>
    )
}

export default PlaceVisit