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/SendRounded';

import { Form, FormInput } from '../form';

export function CommentForm({ onSubmit = () => {} }) {
  const labels = useSelector(({ intl }) => intl.labels);

  return (
    <Form onSubmit={onSubmit} defaultValues={{ comment: '' }} 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>
        }
      />
    </Form>
  );
}