Proyectos de Subversion LeadersLinked - SPA

import React from 'react'

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

import { Button } from '@mui/material'

import Form from '@components/common/form'

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

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

import Ckeditor from '@components/UI/Ckeditor'

export default function ValueForm({

  onSubmit = () => {},

  defaultValues = {},

  values = {}

}) {

  const {

    control,

    handleSubmit,

    formState: { errors, isSubmitting }

  } = useForm({

    defaultValues,

    values

  })

  return (

    <Form onSubmit={handleSubmit(onSubmit)}>

      <LoadingWrapper loading={isSubmitting}>

        <Input

          label='Titulo'

          name='name'

          control={control}

          error={errors.name?.message}

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

        />

        <Ckeditor

          name='description'

          control={control}

          label='Descripción'

          error={errors.description?.message}

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

        />

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

          Enviar

        </Button>

      </LoadingWrapper>

    </Form>

  )

}