import './style/RouteLayout.scss'
import React from 'react';
import Icon from 'sbx-react-icon';
import {browserHistory} from "react-router";
import {Scrollbars} from 'react-custom-scrollbars';

import {Provider, Store, History} from 'sbx-react-core';

const lang = Store.select('settings','lang');

//Images
import close from './icons/close.svg';

export default class RouteLayout extends React.Component {
    render() {
        let {children} = this.props;

        return <div className="routeContainer">
            <button
                className="routeContainer__buttonClose"
                onClick={e => browserHistory.push(`/${lang.get()}/platform`)}
            >
                <Icon src={close}/>
            </button>
            <div className="routeContainer__content">
                <Scrollbars>
                    {children}
                </Scrollbars>
            </div>
        </div>
    }
}