import { Body } from '../..'
import { titleBuilder } from '../../../.storybook/utils'
import { useChainID } from '../../hooks/web3'
import { withWeb3Provider } from '../../providers/web3'
import { CHAIN_ID_MAIN_NET } from '../../web3Connectors'
import { InvalidNetworkBanner } from '.'
const storyConfig = {
title: titleBuilder.molecules('InvalidNetworkBanner'),
component: InvalidNetworkBanner,
}
export const Default = () => withWeb3Provider()
const Banner = () => {
const chainID = useChainID()
if (!chainID) {
return Please connect wallet to test this component
}
if (chainID === CHAIN_ID_MAIN_NET) {
return Switch away from eth main net to see component
}
return (
)
}
export default storyConfig