Proyectos de Subversion LeadersLinked - SPA

import React from 'react';

import { useForm, FormProvider } from 'react-hook-form';

import { Spinner } from '..';

export function Form({

  children,

  onSubmit,

  defaultValues,

  reset: propReset = false,

  style,

  ...rest

}) {

  const methods = useForm({ defaultValues });

  const {

    handleSubmit,

    reset,

    formState: { isSubmitting }

  } = methods;

  const handleFormSubmit = async (data) => {

    if (onSubmit) {

      await onSubmit(data);

    }

    if (propReset) {

      reset(undefined, { keepDefaultValues: true });

    }

  };

  return (

    <FormProvider {...methods}>

      <form

        onSubmit={handleSubmit(handleFormSubmit)}

        style={{ position: 'relative', ...style }}

        {...rest}

      >

        {children}

        {isSubmitting && <Spinner absolute />}

      </form>

    </FormProvider>

  );

}