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 ParadigmForm({ 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 paradigma'

              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>

  );

}