import WalletConnectButton from 'components/Wallet/WalletConnectButton'
import Intro from 'components/common/Intro'
import useStore from 'store'

export default function V1Intro() {
  const address = useStore((state) => state.address)
  return (
    <Intro
      text={
        <>
          The <span className='text-white'>Wallet Mode</span> provides simple lending and borrowing
          without the use of Credit Accounts. Funds are{' '}
          <span className='text-white'>not cross-collateralized</span> and can&lsquo;t be used in
          the Trade or Farm interface.
        </>
      }
      bg='v1'
    >
      {!address && <WalletConnectButton className='mt-4' />}
    </Intro>
  )
}