hw5

src/s2-homeworks/hw05/layout/Layout.tsx

@@ -0,0 +1,27 @@
+import React, { FC, ReactNode, useEffect, useState } from 'react'
+import { Header } from '../header/Header'
+import { Sidebar } from '../sidebar/Sidebar'
+
+type PropsType = {
+    children: ReactNode
+}
+
+export const Layout: FC<PropsType> = ({children}) => {
+    const [open, setOpen] = useState(false)
+    const handleClose = () => setOpen(false)
+    const handleOpen = () => setOpen(true)
+    useEffect(() => {
+        open && (document.body.style.overflow = 'hidden')
+        !open && (document.body.style.overflow = 'unset')
+    }, [open]) //отключает прокрутку при открытом меню
+
+    return (
+        <>
+            <Sidebar open={open} handleClose={handleClose}/>
+            <Header open={open} handleOpen={handleOpen}/>
+            {children}
+        </>
+
+    )
+}
+