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'

}) {

  const { control } = useFormContext();

  return (

    <Controller

      control={control}

      name={name}

      rules={rules}

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

        <FormControl error={!!error} variant='standard' fullWidth>

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

          <Rating

            onChange={(_, value) => field.onChange(value)}

            value={field.value}

            sx={{ fontSize: size === 'large' ? 20 : 16 }}

            readOnly={readOnly}

            size={size}

          />

          {error && <FormHelperText error={!!error}>{error.message}</FormHelperText>}

        </FormControl>

      )}

    />

  );

}