text: import React from 'react'
  
  import Toolbar from '../../components/Navigation/Toolbar/Toolbar'
  import SideDrawer from '../../components/Navigation/SideDrawer/SideDrawer'
  
  import classes from './Layout.module.css'
  
  class Layout extends React.Component {
    state = {
      showSideDrawer: false
    }
  
    sideDrawerClosedHandler = () => {
      this.setState({
        showSideDrawer: false
      })
    }
  
    sideDrawerToggleHandler = () => {
      this.setState((prevState) => {
        return { showSideDrawer: !prevState.showSideDrawer }
      })
    }
  
    render() {
      return (
        <>
          <SideDrawer
            show={this.state.showSideDrawer}
            closed={this.sideDrawerClosedHandler}
          />
          <Toolbar sideDrawerToggle={this.sideDrawerToggleHandler} />
          <main className={classes.Content}>{this.props.children}</main>
        </>
      )
    }
  }
  
  export default Layout
  