Proyectos de Subversion LeadersLinked - SPA

import React from 'react';
import { useSelector } from 'react-redux';
import { Box, IconButton } from '@mui/material';
import { SendRounded } from '@mui/icons-material';

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

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

  return (
    <Form onSubmit={onSubmit}>
      <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>
        <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>
          }
        />
      </Box>
    </Form>
  );
}