[React/CSS] styled-component에서 사이드메뉴 활성/비활성 및 배경 disabled

react

<main isSidebarOpen={isSidebarOpen} />

styled-component

const main = styled.div`
  transform: translateX(${props => props.isSidebarOpen ? -360 : 0})
`;

배경 disabled

pointer-events: none;