Proyectos de Subversion LeadersLinked - SPA

import React from 'react';

import { useSelector } from 'react-redux';

import { IconButton } from '@mui/material';

import { SendRounded } from '@mui/icons-material';

import { Form, FormInput } from '@shared/components';

import { FormInputRating } from '.';

export function CapsuleCommentForm({ onSubmit = () => {} }) {

  const labels = useSelector(({ intl }) => intl.labels);

  return (

    <Form onSubmit={onSubmit} defaultValues={{ comment: '', rating: 0 }} reset>

      <FormInput

        name='comment'

        placeholder={labels.write_a_comment}

        rules={{ required: 'Este campo es requerido' }}

        autoComplete='off'

        endAdornment={

          <IconButton type='submit' sx={{ padding: 0.4 }}>

            <SendRounded />

          </IconButton>

        }

      />

      <FormInputRating

        label='Calificación'

        name='rating'

        rules={{ required: 'Este campo es requerido' }}

      />

    </Form>

  );

}