'use strict';

import React from 'react';

import UserActions from '../actions/user_actions';

import AscribeSpinner from './ascribe_spinner';

import { setDocumentTitle } from '../utils/dom';
import { getLangText } from '../utils/lang';


let LogoutContainer = React.createClass({
    componentDidMount() {
        UserActions.logoutCurrentUser();
    },

    render() {
        setDocumentTitle(getLangText('Log out'));

        return (
            <div className="ascribe-loading-position">
                <AscribeSpinner color='dark-blue' size='lg'/>
                <h3 className="text-center">
                    {getLangText('Just a sec, we\'re logging you out...')}
                </h3>
            </div>
        );
    }
});


export default LogoutContainer;