Proyectos de Subversion LeadersLinked - Backend

import React, { useState } from 'react'

const MessageBox = ({ onSend, inMailVars }) => {

    const [text, setText] = useState('')

    return (
        <div className="message-send-area">
            <form id="form-send-message" name="form-send-message"
                onSubmit={e => {
                    e.preventDefault()
                    onSend(text)
                    setText('')
                }}
            >
                <div className="mf-field">
                    <input
                        type="text"
                        name="message"
                        id="message"
                        className="border-radius"
                        value={text}
                        placeholder={inMailVars.labelWriteMessage}
                        onChange={e => setText(e.target.value || '')}
                    />
                    <button type="submit" className="btn btn-secondary p-1 inmail-submit-btn ">
                        <i class="fas fa-chevron-right"></i>
                    </button>
                </div>
            </form>
        </div>
    )
}
export default MessageBox