import React, { useState, useEffect } from 'react'
import styled from 'styled-components'
import ExchangeCard from './components/ExchangeCard'

const PageContent = styled.div`
  min-height: calc(100vh - 64px);
  background-image: url('/images/recommend/bg.svg');
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
`

const Exchange: React.FC = () => {
  return (
    <PageContent>
      <ExchangeCard />
    </PageContent>
  )
}
export default Exchange