Proyectos de Subversion LeadersLinked - SPA

import React from 'react';

import {

  Form,

  FormButton,

  FormFilePicker,

  FormInput,

  FormRichEditor,

  FormSelect

} from '@shared/components';

export function KnowledgeForm({

  categories = [],

  imageSize = '100x100',

  onSubmit = () => {},

  defaultValues = {

    category_id: '',

    title: '',

    description: '',

    image: '',

    attachment: ''

  }

}) {

  return (

    <Form onSubmit={onSubmit} defaultValues={defaultValues} reset>

      <FormSelect

        name='category_id'

        label='Categoría'

        placeholder='Seleccione un opción'

        options={categories}

        rules={{ required: 'Por favor, seleccione una categoría' }}

      />

      <FormInput

        name='title'

        label='Título'

        placeholder='Ingrese el título del conocimiento'

        rules={{ required: 'Por favor, ingrese un título' }}

      />

      <FormRichEditor

        name='description'

        label='Descripción'

        rules={{ required: 'Por favor, ingrese una descripción' }}

      />

      <FormFilePicker

        label='Seleccione una imagen'

        type='image'

        name='image'

        rules={{ required: 'Por favor, seleccione una imagen' }}

        description={`Tamaño máximo: ${imageSize}`}

      />

      <FormFilePicker

        label='Seleccione un archivo'

        type='file'

        name='attachment'

        rules={{ required: 'Por favor, seleccione un archivo' }}

      />

      <FormButton type='submit'>Guardar</FormButton>

    </Form>

  );

}