Share your text data anonymously and free

StyledNav>
<StyledLink
target="_blank"
href="https://etherscan.io/address/0x546aAA98627797C04c48Ac716DB36314285b4b5a#code"
>
x0 ethereum
</StyledLink>
<StyledLink
target="_blank"
href="https://polygonscan.com/address/0x4B18430244DdA1f2ACe94f4Aef960A6975ca9e35#code"
>
x0 bsc
</StyledLink>
<StyledLink
target="_blank"
href=""
>
{/* Uniswap X0-ETH */}
<img alt="uniswap" src={uniswapLogo} style={{ height: 24 }} />
</StyledLink>
<StyledLink target="_blank" href="https://github.com/x0swap">
{/* Github */}
<img alt="github" src={githubLogo} style={{ height: 24 }} />
</StyledLink>
<StyledLink target="_blank" href="https://twitter.com/x0swap">
{/* Twitter */}
<img alt="twitter" src={twitterLogo} style={{ height: 24 }} />
</StyledLink>
<StyledLink target="_blank" href="https://x0swap.medium.com/">
{/* Medium */}
<img alt="medium" src={mediumLogo} style={{ height: 24 }} />
</StyledLink>
</StyledNav>
)
}

const StyledNav = styled.nav`
align-items: center;
display: flex;
`

const StyledLink = styled.a`
font-family: 'Comfortaa', cursive; // 'Bebas Neue', cursive;
color: ${(props) => props.theme.color.whiteDoff};
padding-left: ${(props) => props.theme.spacing[3]}px;
padding-right: ${(props) => props.theme.spacing[3]}px;
text-decoration: none;
&:hover {
color: ${(props) => props.theme.color.grey[500]};
}