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