import { Button } from '@mui/material';
import { ReactNode } from 'react';
// form
import { FormProvider as Form, UseFormReturn } from 'react-hook-form';

// ----------------------------------------------------------------------

type Props = {
  children: ReactNode;
  methods: UseFormReturn<any>;
  onSubmit?: VoidFunction;
};

export default function FormProvider({ children, onSubmit, methods }: Props) {
  return (
    <Form {...methods}>
      <form onSubmit={onSubmit}>
        {children}
        {/* エンターでsubmitできるようにする */}
        <Button type="submit" sx={{ display: 'none' }} />
      </form>
    </Form>
  );
}