Proyectos de Subversion LeadersLinked - SPA

import React from 'react';
import { useForm } from 'react-hook-form';

import Modal from '@components/UI/modal/Modal';
import Select from '@components/UI/inputs/Select';

export default function ApplyModal({ show, profiles, onConfirm, onClose = function () {} }) {
  const {
    control,
    formState: { errors, isSubmitting },
    handleSubmit
  } = useForm();

  const onSubmit = handleSubmit((data) => onConfirm(data));

  return (
    <Modal
      title='Perfil de Applicación'
      show={show}
      onClose={onClose}
      onAccept={onSubmit}
      loading={isSubmitting}
    >
      <Select
        name='user_profile_id'
        control={control}
        rules={{ required: 'Por favor seleccione un perfil' }}
        error={errors?.user_profile_id?.message}
        options={Object.entries(profiles).map(([value, name]) => ({
          name,
          value
        }))}
      />
    </Modal>
  );
}