Proyectos de Subversion LeadersLinked - SPA

import React from 'react';
import { Controller, useFormContext } from 'react-hook-form';
import { FormControl, FormHelperText, FormLabel, Rating } from '@mui/material';

export function FormInputRating({
  name = 'rating',
  label = '',
  rules = {},
  readOnly = false,
  size = 'large',
  defaultValue = 0,
  style = {}
}) {
  const { control } = useFormContext();

  return (
    <Controller
      control={control}
      name={name}
      rules={rules}
      defaultValue={defaultValue}
      render={({ field, fieldState: { error } }) => (
        <FormControl error={!!error} variant='standard' fullWidth style={style}>
          {label && <FormLabel shrink>{label}</FormLabel>}
          <Rating
            onChange={(_, value) => field.onChange(value)}
            value={field.value}
            readOnly={readOnly}
            size={size}
          />
          {error && <FormHelperText error={!!error}>{error.message}</FormHelperText>}
        </FormControl>
      )}
    />
  );
}