import React from 'react';
import { Grid, Col, Fade } from 'react-bootstrap';
import { Card, BigButton } from '../components';
import { app } from '../core/app';

export default class InitOptions extends React.Component {
    constructor(props) {
        super(props);
    }

    /**
     * Render the component
     */
    render() {
        const newWorkspaceFunc = () => app.goto('/init/newworkspace');
        const offlineInitFunc = () => app.goto('/init/offlineinit');

        return React.createElement(
            Fade,
            { 'in': true, transitionAppear: true },
            React.createElement(
                Grid,
                null,
                React.createElement(
                    Col,
                    { sm: 6, smOffset: 3 },
                    React.createElement(
                        Card,
                        { title: __('init.initoptions'), className: 'mtop-2x' },
                        React.createElement(
                            'div',
                            null,
                            React.createElement(BigButton, { icon: 'globe',
                                onClick: newWorkspaceFunc,
                                title: __('init.initoptions.new'),
                                description: __('init.initoptions.new.desc') }),
                            React.createElement(BigButton, { icon: 'cloud-upload',
                                onClick: offlineInitFunc,
                                title: __('init.initoptions.offinit'),
                                description: __('init.initoptions.offinit.desc') })
                        )
                    )
                )
            )
        );
    }
}