Proyectos de Subversion LeadersLinked - SPA

import React from 'react';

import { Controller, useFormContext } from 'react-hook-form';

import { FormControl, InputLabel } from '@mui/material';

import { FilePicker } from '../file-picker';

export function FormFilePicker({

  label = '',

  name = 'file',

  type = 'image',

  description = 'Arrastra el archivo aqui, o haga click para seleccionar',

  multiple = false,

  rules = {}

}) {

  const { control } = useFormContext();

  return (

    <Controller

      control={control}

      name={name}

      rules={rules}

      render={({ field: { onChange, value } }) => (

        <FormControl variant='standard' fullWidth>

          {label && <InputLabel shrink>{label}</InputLabel>}

          <FilePicker

            type={type}

            description={description}

            defaultFiles={value}

            onChange={(files) => {

              if (multiple) {

                onChange(files);

              } else {

                onChange(files[0]);

              }

            }}

          />

        </FormControl>

      )}

    />

  );

}