const NavigationBar = styled.div` display: flex; justify-content: space-between; align-items: center; background-color: #0e0e10; padding-left: 1rem; padding-right: 1rem; border-bottom: 1px solid #282933; `; const VerticalSeparatorFull = styled.div` width: 1px; height: 80px; background-color: #282933; `; const ItemsContainer = styled.div` display: flex; ${({ align }) => align && 'align-items: center;'} `; return ( <NavigationBar> <ItemsContainer align={true}> <Widget src={'calimero.near/widget/Calimero.DocsChain.Logo.DocsChainLogo'} props={{ justify: true, }} /> <VerticalSeparatorFull /> </ItemsContainer> </NavigationBar> );