20 lines
669 B
JavaScript
20 lines
669 B
JavaScript
import SidebarHeader from "@/common/components/Sidebar/components/SidebarHeader";
|
|
import "./styles.sass";
|
|
import SidebarContent from "@/common/components/Sidebar/components/SidebarContent";
|
|
import {useRef} from "react";
|
|
|
|
export const Sidebar = ({open, setOpen}) => {
|
|
const ref = useRef();
|
|
|
|
return (
|
|
<>
|
|
{open && <div className="background-overlay" ref={ref} onClick={() => setOpen(false)}/>}
|
|
<aside className={open ? "" : "sidebar-hidden"} ref={ref}>
|
|
<div>
|
|
<SidebarHeader setOpen={setOpen}/>
|
|
<SidebarContent/>
|
|
</div>
|
|
</aside>
|
|
</>
|
|
);
|
|
} |