text: import React from 'react';
  import { SidebarContainer, Icon, CloseIcon, SidebarWrapper, SidebarMenu, SideBtnWrap, SidebarLink, SidebarRoute } from './SidebarElement';
  
  const Sidebar = ({ toggle, isOpen }) => {
      return (
          <SidebarContainer isOpen={isOpen} onClick={toggle}>
              <Icon onClick={toggle}>
                  <CloseIcon />
              </Icon>
              <SidebarWrapper>
                  <SidebarMenu>
                      <SidebarLink to="/about" onClick={toggle}>About</SidebarLink>
                      <SidebarLink to="/league" onClick={toggle}>League</SidebarLink>
                      <SidebarLink to="/scoreboard" onClick={toggle}>Scoreboard</SidebarLink>
                      <SidebarLink to="/register" onClick={toggle}>Sign Up</SidebarLink>
                  </SidebarMenu>
                  <SideBtnWrap>
                      <SidebarRoute to="/login">Sign In</SidebarRoute>
                  </SideBtnWrap>
              </SidebarWrapper>
          </SidebarContainer>
      )
  }
  
  export default Sidebar;