import Input from "@/components/Forms/Input";
import InputGroup from "@/components/Forms/InputGroup";
import InputSelectComponent from "@/components/Forms/InputSelect";
import { GetForm } from "@/utils";

const FormProblemasNResolvidos = ({
  onSubmitFunction,
  defaultValues,
  disabledFields,
  children,
  tiposProblemasNResolvidos,
  ...rest
}: any) => {

  const { handleSubmit, ...form } = GetForm();

  return (
    <form onSubmit={handleSubmit(onSubmitFunction)} {...rest}>
      <InputGroup>
        <Input
          name="nome_problema_n_resolvido"
          label="Nome"
          formulario={form}
          error={"Preencha o Nome"}
          required
          defaultValue={
            defaultValues && defaultValues["nome_problema_n_resolvido"]
          }
          disabled={disabledFields?.some(
            (field: string) => field == "nome_problema_n_resolvido"
          )}
        />
        <InputSelectComponent
          name="tipo_problema_n_resolvido"
          label="Tipo"
          formulario={form}
          options={tiposProblemasNResolvidos}
          defaultValue={
            defaultValues && defaultValues["tipo_problema_n_resolvido"]
          }
          required
          error={"Informe o Tipo"}
        />
      </InputGroup>
      {children}
    </form>
  );
};

export default FormProblemasNResolvidos;