import React, { useState, useEffect } from 'react'
import styled from 'styled-components'
import Page from 'components/Layout/Page'
import { useAccount } from 'state/userInfo/hooks'
import useRefresh from 'hooks/useRefresh'
import { UnOpenModel } from 'components/Modal'
import Content from './components/Content'

const PageContent = styled.div`
  height: calc(100vh - 64px);
  background-image: url('/images/home/bg.svg');
  background-size: cover;
  background-repeat: no-repeat;

  /* background-image: url('/images/page/bazaar.jpg');
  background-position: 50%;
  background-size: 50% 90%;
  background-repeat: no-repeat; */
`

const Bazaar: React.FC = () => {
  return (
    <PageContent>
      <Page>
        <Content />
      </Page>
      {/* <UnOpenModel /> */}
    </PageContent>
  )
}
export default Bazaar