import React from 'react';

export function EmptyConversation(): React.ReactElement {
  return (
    <div style={{
      height: '100%',
      display: 'flex', alignItems: 'center', justifyContent: 'center',
      padding: 40, color: '#6a6a6a', fontSize: 13, textAlign: 'center',
    }}>
      Select a conversation from the list,<br/>or wait for one to appear as messages arrive.
    </div>
  );
}