import React from 'react';
import styles from './NotLoggedIn.css';
import cn from 'classnames';

import t from 'coral-framework/services/i18n';

export default ({showSignInDialog}) => (
  <div className={cn(styles.message, 'talk-embed-stream-not-logged-in')}>
    <div>
      <a onClick={showSignInDialog}>{t('settings.sign_in')}</a> {t('settings.to_access')}
    </div>
    <div>
      {t('from_settings_page')}
    </div>
  </div>
);