Proyectos de Subversion LeadersLinked - Antes de SPA

import React, { useState } from 'react'

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

    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"
                        value={text}
                        placeholder={backendVars.labelWriteMessage}
                        onChange={e => setText(e.target.value || '')}
                    />
                    <button type="submit" className="btn-primary p-1">
                        <i class="fas fa-paper-plane"></i>
                        {backendVars.labelSend}
                    </button>
                </div>
            </form>
        </div>
    )
}
export default MessageBox