Proyectos de Subversion LeadersLinked - SPA

import React from 'react'

import React from 'react';

import { useForm } from 'react-hook-form'

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

import { Button } from '@mui/material'

import { Button } from '@mui/material';

import Widget from '@components/UI/Widget'

import Widget from '@components/UI/Widget';

import Form from '@components/common/form'

import Form from '@components/common/form';

import LoadingWrapper from '@components/common/loading-wrapper'

import LoadingWrapper from '@components/common/loading-wrapper';

import Input from '@components/UI/inputs/Input'

import Input from '@components/UI/inputs/Input';

import Ckeditor from '@components/common/ckeditor/Ckeditor'

import Ckeditor from '@components/common/ckeditor/Ckeditor';

export default function PurposeForm({

export default function PurposeForm({ onSubmit = () => {}, defaultValues = {}, values = {} }) {

  const {

  const {

    control,

    control,

    handleSubmit,

    handleSubmit,

    formState: { errors, isSubmitting }

    formState: { errors, isSubmitting }

  } = useForm({

  } = useForm({

    defaultValues,

    defaultValues,

    values

    values

  })

  });

  return (

  return (

    <Widget>

    <Widget>

      <Widget.Body>

      <Widget.Body>

        <Form onSubmit={handleSubmit(onSubmit)}>

        <Form onSubmit={handleSubmit(onSubmit)}>

          <LoadingWrapper loading={isSubmitting}>

          <LoadingWrapper loading={isSubmitting}>

            <Input

            <Input

              label='Título del Propósito'

              label='Título del Propósito'

              name='name'

              name='name'

              control={control}

              control={control}

              error={errors.name?.message}

              error={errors.name?.message}

              rules={{ required: 'El titulo es requerido' }}

              rules={{ required: 'El titulo es requerido' }}

            />

            />

            <Ckeditor

            <Ckeditor

              label='Descripción'

              label='Descripción'

              name='description'

              name='description'

              control={control}

              control={control}

              error={errors.description?.message}

              error={errors.description?.message}

              rules={{ required: 'La descripción es requerida' }}

              rules={{ required: 'La descripción es requerida' }}

            />

            />

            <Button type='submit' color='primary'>

            <Button type='submit' color='primary'>

              Enviar

              Enviar

            </Button>

            </Button>

          </LoadingWrapper>

          </LoadingWrapper>

        </Form>

        </Form>

      </Widget.Body>

      </Widget.Body>

    </Widget>

    </Widget>

  )

  );

}

}