/* Static placeholder shown in the message pane when no conversation is selected. */
import React from 'react';

import { BASE_APP_NAME } from '../config.js';

function Icon({children}) { return <i className="material-icons" aria-hidden="true">{children}</i>; }

export default class LogoView extends React.PureComponent {
  render() {
    return (
      <div id="dummy-view">
        <div>
          <span id="dummy-view-icon"><Icon>forum</Icon></span>
          <h2>{BASE_APP_NAME}</h2>
          <p>选择一个会话开始聊天</p>
        </div>
      </div>
    );
  }
};