Proyectos de Subversion LeadersLinked - SPA

import React from 'react';

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

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

export function FormInput({ icon, name, rules, label, disabled, endAdornment, ...props }) {

  const { control } = useFormContext();

  return (

    <Controller

      name={name}

      control={control}

      disabled={disabled}

      rules={rules}

      render={({ field, fieldState: { error } }) => (

        <FormControl variant='standard' fullWidth>

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

          <InputBase

            {...field}

            startAdornment={icon && <InputAdornment>{icon}</InputAdornment>}

            endAdornment={endAdornment && <InputAdornment>{endAdornment}</InputAdornment>}

            fullWidth

            {...props}

          />

          {error && (

            <Typography sx={{ color: 'red', fontSize: '0.75rem' }}>{error.message}</Typography>

          )}

        </FormControl>

      )}

    />

  );

}