34 lines
1.0 KiB
JavaScript
Executable File
34 lines
1.0 KiB
JavaScript
Executable File
import React from 'react'
|
|
import { SidebarContainer, Icon, CloseIcon, SidebarWrapper, SidebarMenu, SidebarLink} from './SidebarElements'
|
|
|
|
|
|
const Sidebar = ({isOpen, toggle}) => {
|
|
return (
|
|
<>
|
|
<SidebarContainer isOpen={isOpen} onClick={toggle}>
|
|
<Icon onClick={toggle}>
|
|
<CloseIcon />
|
|
</Icon>
|
|
<SidebarWrapper>
|
|
<SidebarMenu >
|
|
<SidebarLink to="Notebooks" onClick={toggle}>
|
|
Notebooks
|
|
</SidebarLink>
|
|
<SidebarLink to="Instructors" onClick={toggle}>
|
|
Instructors
|
|
</SidebarLink>
|
|
<SidebarLink to="Media" onClick={toggle}>
|
|
Media
|
|
</SidebarLink>
|
|
<SidebarLink to="More" onClick={toggle}>
|
|
More
|
|
</SidebarLink>
|
|
</SidebarMenu>
|
|
</SidebarWrapper>
|
|
</SidebarContainer>
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default Sidebar
|