react-chat-elements-v2/src/SystemMessage/SystemMessage.js

Reactjs chat components

import React, { Component } from 'react';
import './SystemMessage.css';

const classNames = require('classnames');

export class SystemMessage extends Component {
    render() {
        return (
            <div className={classNames("rce-container-smsg", this.props.className)}>
                <div
                    className='rce-smsg'>
                    <div className="rce-smsg-text">
                        {this.props.text}
                    </div>
                </div>
            </div>
        );
    }
}

export default SystemMessage;