h

index.js

import React, { useState } from "react";

const useForm = (formData) => {
  const [fields, setFieldsState] = useState(formData.fields);
  const [errors, setErrors] = useState({})
  const [success, setSuccess] = useState(false)

  const setFields = (e) => {
    const name = e.target.getAttribute("name");
    const value = e.target.value;

    setFieldsState((prev) =>
      prev.map((field) => {
        if (field.name === name) return { ...field, value };
        return field;
      })
    );
  };

  const handleSubmit = (e) => {
    e.preventDefault();
    setErrors({});

    const errors = validateFields(fields);

    if (Object.keys(errors).length > 0) {
      setErrors(errors);
    } else {
      setSuccess(formData.success);
    }
  };

  return { fields, setFields, errors, success };
};

export default useForm;