import { useArbitrumAlphaAlert, useDarkModeManager } from 'state/user/hooks'

import styled from 'styled-components/macro'

import { ExternalLink, MEDIA_WIDTHS } from 'theme'

import { ReadMoreLink } from './styles'

const L2Icon = styled.img`

<L2Icon src={info.logoUrl} />

<Body>

<Trans>This is an alpha release of Uniswap on the {info.label} network.</Trans>

<DesktopTextBreak /> <Trans>You must bridge L1 assets to the network to use them.</Trans>{' '}

<ReadMoreLink href="https://app.intercom.com/a/apps/ggour1ku/articles/articles/5392809/show">

<Trans>Read more</Trans>

</ReadMoreLink>

</Body>

<LinkOutToBridge href={depositUrl}>

<Trans>Deposit to {info.label}</Trans>

import styled, { css } from 'styled-components/macro'

import { ExternalLink, MEDIA_WIDTHS } from 'theme'

import { CHAIN_INFO } from '../../constants/chains'

import { ReadMoreLink } from './styles'

const L2Icon = styled.img`

<Trans>

This is an alpha release of Uniswap on the {info.label} network. You must bridge L1 assets to the network to

swap them.

</Trans>{' '}

<ReadMoreLink href="https://app.intercom.com/a/apps/ggour1ku/articles/articles/5392809/show">

<Trans>Read more</Trans>

</ReadMoreLink>

</Body>

</ContentWrapper>

<LinkOutToBridge href={depositUrl}>

import styled from 'styled-components/macro'

import { ExternalLink } from 'theme'

export const ReadMoreLink = styled(ExternalLink)`