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 ValueForm({ 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 valor'
              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>
      </Widget.Body>
    </Widget>
  );
}