react-chat-elements-av/src/SideBar/SideBar.js

Reactjs chat components

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

const classNames = require('classnames');

export class SideBar extends Component {
    render() {
        return (
            <div className={classNames('rce-sbar', this.props.type, this.props.className)}>
                <div className="rce-sbar-item">
                    {this.props.top}
                </div>
                <div className="rce-sbar-item rce-sbar-item__center">
                    {this.props.center}
                </div>
                <div className="rce-sbar-item">
                    {this.props.bottom}
                </div>
            </div>
        );
    }
}

SideBar.defaultProps = {
    top: null,
    center: null,
    bottom: null,
    type: 'dark',
}

export default SideBar;