Proyectos de Subversion LeadersLinked - SPA

import React from 'react';

import { Box, useTheme } from '@mui/material';

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

import { Spinner } from '..';

export function Form({ children, onSubmit, defaultValues, reset: propReset = false, ...rest }) {

  const theme = useTheme();

  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}>

      <Box

        component='form'

        onSubmit={handleSubmit(handleFormSubmit)}

        sx={{

          position: 'relative',

          display: 'flex',

          flexDirection: 'column',

          alignItems: 'flex-start',

          gap: theme.spacing(0.5),

          width: '100%',

          '& > *:not(button)': {

            width: '100%'

          }

        }}

        {...rest}

      >

        {children}

        {isSubmitting && <Spinner absolute />}

      </Box>

    </FormProvider>

  );

}