const contract = props.contract || "docs.testnet"; const componentOwnerId = props.componentOwnerId || "igi.testnet"; const PageContainer = styled.div` width: 100%; height: 100vh; padding-left: 60px; padding-right: 60px; background-color: #0e0e10; color: #ffffff; `; return ( <PageContainer> <Widget src={`${componentOwnerId}/widget/Calimero.DocsChain.Navbar.HorizontalNavbar`} props={{ componentOwnerId, }} /> <div className="d-flex"> <Widget src={`${componentOwnerId}/widget/Calimero.DocsChain.Sidebar.DocsSidebar`} props={{ componentOwnerId: componentOwnerId, onOpenCreatePage: state.onOpenCreatePage, createPageOpen: state.createPage.open, }} /> </div> </PageContainer> );