"use client";

import { useState } from "react";

import ModalSearchCity from "@/app/component/modalSearchCity";
import ButtonFilter from "@/app/component/modalSearchCity/ButtonFilter";
import FilterText from "./FilterText";
import RedirectLink from "./RedirectLink";

function Fields({ city, state }) {
  const [open, setOpen] = useState(false);
  const [data, setData] = useState({
    province: state?.name || "",
    city: city?.name || "",
  });

  return (
    <>
      <ModalSearchCity
        open={open}
        state={state}
        selected={data}
        setOpen={setOpen}
        setSelected={setData}
      >
        <ButtonFilter setOpen={setOpen} selected={data} />
      </ModalSearchCity>
      <span className="black w-px bg-[#EFEFEF]"></span>
      <FilterText data={data} setData={setData} />
      <RedirectLink data={data} />
    </>
  );
}

export default Fields;