import React , { useRef , Dispatch , SetStateAction } from "react" ; import styled from "styled-components" ; import FirstDepth from "./FirstDepth" ; import SecondDepth from "./SecondDepth" ; interface SidebarProps { isToggle : boolean ; setIsToggle : Dispatch < SetStateAction < boolean > > ; } const Sidebar = ( { isToggle , setIsToggle } ) => { const addGroupBtnRef = useRef < HTMLDivElement > ( null ) ; return ( < SidebarWrapper > < FirstDepth isToggle = { isToggle } setIsToggle = { setIsToggle } addGroupBtnRef = { addGroupBtnRef } / > < SecondDepth isToggle = { isToggle } /> < /SidebarWrapper>); } ; const SidebarWrapper = styled . nav `
  display: flex;
  font-size: 1.6rem;
` ; export default React . memo ( Sidebar ) ;