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>
      )}
    />
  );
}