import useLocalStorage from "./useLocalStorage";

export default function useForm(formId) {
  const [forms, setForms] = useLocalStorage(`forms`, {});

  const form = forms[formId] || { fields: [], id: formId };

  function setForm(newForm) {
    console.log(
      "setForm",
      newForm,
      { ...forms, [newForm.id]: newForm },
      { form: forms[formId], formId, forms },
    );
    setForms({ ...forms, [newForm.id]: newForm });
  }

  console.log("useForm", formId, form);
  return [form, setForm];
}