import React from 'react'
import PropTypes from 'prop-types'
import Logo from 'react-uikit/logo'

import routes from 'global/constants/routes'
import BEMModule from 'utils/bem'
import {history} from 'router/history'
import styles from './styles.scss'

const bem = new BEMModule(styles)
const navigateHome = () => history.push(routes.HOME)

const PublicLayout = ({children, className}) => {
    const classes = bem.classNames('c-layout', className, {public: true})
    const logoClasses = bem.classNames('c-layout__logo')
    const innerClasses = bem.classNames('c-layout__inner')

    return (
        <main className={classes}>
            <Logo className={logoClasses} onClick={navigateHome} />
            <div className={innerClasses}>{children}</div>
        </main>
    )
}

PublicLayout.propTypes = {
    children: PropTypes.node,
    className: PropTypes.string,
}

export default PublicLayout