Proyectos de Subversion LeadersLinked - SPA

import React from 'react';

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

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

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

export const ChatForm = ({ onSubmit }) => {

  return (

    <Form

      defaultValues={{ message: '' }}

      reset

      onSubmit={onSubmit}

      style={{ display: 'flex', alignItems: 'center', gap: 1, width: '100%' }}

    >

      <IconButton component='label' role={undefined} variant='contained' tabIndex={-1}>

        <AttachFile />

        <FormHiddenInput name='file' type='file' />

      </IconButton>

      <FormInput

        name='message'

        placeholder='Escribe un mensaje'

        rules={{ required: true }}

        autoComplete='off'

        endAdornment={

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

            <SendRounded />

          </IconButton>

        }

      />

    </Form>

  );

};