import React from 'react';
import { Fade, Grid, Row, Col } from 'react-bootstrap';
import Fa from '../components/fa';

import './logo.less';

export default function Logo(props) {
    const path = window.app.contextPath + '/images/';

    return React.createElement(
        'div',
        { className: 'logo container central-container-md' },
        React.createElement(
            'div',
            { className: 'text-center' },
            React.createElement('img', { src: path + 'etbm_icon_128x128.png' }),
            React.createElement(
                'div',
                { className: 'title' },
                'e-TB Manager',
                React.createElement(
                    'div',
                    { style: { fontSize: '0.4em' } },
                    'version 3.0-beta'
                )
            )
        ),
        React.createElement(
            'div',
            { className: 'mtop-2x' },
            React.createElement(
                Fade,
                { 'in': true, transitionAppear: true },
                React.createElement(
                    Grid,
                    { fluid: true },
                    props.children,
                    props.backLink && React.createElement(
                        Row,
                        { className: 'mtop-2x' },
                        React.createElement(
                            Col,
                            { md: 12 },
                            React.createElement(
                                'a',
                                { href: '#/pub/login', className: 'text-small' },
                                React.createElement(Fa, { icon: 'chevron-left' }),
                                __('login.back')
                            )
                        )
                    )
                )
            )
        )
    );
}

Logo.propTypes = {
    children: React.PropTypes.any,
    backLink: React.PropTypes.bool
};