import { useEffect } from "react";
import Container from "../../components/Forms/Container";
import Input from "../../components/Forms/Input";
import InputGroup from "../../components/Forms/InputGroup";

const ObservacaoColeta = ({
  form,
  dadosCard,
  camposPersonalizados,
  setNextStepAction,
  camposPersonalizadosData,
}: any) => {
  function convertName(name: string) {
    return (
      name
        .normalize("NFD")
        .replace(/[\u0300-\u036f]/g, "")
        .replace(/\s+/g, "_") + "_cp"
    );
  }
  // useEffect(() => {
  //   if (!setNextStepAction) return;

  //   setNextStepAction(() => async () => {
  //     if (!form?.trigger) return Promise.resolve("");

  //     const isValid = await form.trigger("obsColeta");
  //     if (isValid) return Promise.resolve("");
  //     return Promise.reject("");
  //   });

  //   return () => {
  //     setNextStepAction(undefined);
  //   };
  // }, [form, setNextStepAction]);

  return (
    <Container>
      <InputGroup>
        <Input
          type="textarea"
          name="obsColeta"
          label="Observações Gerais Da Proposta"
          formulario={form}
          defaultValue={dadosCard?.obs_coleta || ""}
        />
      </InputGroup>
      <div className="mt-4">{camposPersonalizados}</div>
    </Container>
  );
};

export default ObservacaoColeta;