Compose Layout and Route

react.js

export const BackofficeRoute =  ({component:Component, ...rest}) => {
    return (
        <Route {...rest} render={matchProps => (
            <div className="BackofficeLayout">
                <AuthRequired/>
                <Header/>
                <div className="Header">Header</div>
                <Component {...matchProps}/>
                <div className="Footer">Footer</div>
            </div>
        )}/>
    )
}