Proyectos de Subversion LeadersLinked - SPA

import React from 'react'

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

import { Button } from '@mui/material'

import Widget from '@components/UI/Widget'

import Form from '@components/common/form'

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

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

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

export default function PurposeForm({

  onSubmit = () => {},

  defaultValues = {},

  values = {}

}) {

  const {

    control,

    handleSubmit,

    formState: { errors, isSubmitting }

  } = useForm({

    defaultValues,

    values

  })

  return (

    <Widget>

      <Widget.Body>

        <Form onSubmit={handleSubmit(onSubmit)}>

          <LoadingWrapper loading={isSubmitting}>

            <Input

              label='Título del Propósito'

              name='name'

              control={control}

              error={errors.name?.message}

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

            />

            <Ckeditor

              label='Descripción'

              name='description'

              control={control}

              error={errors.description?.message}

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

            />

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

              Enviar

            </Button>

          </LoadingWrapper>

        </Form>

      </Widget.Body>

    </Widget>

  )

}