app.jsx

import React from 'react'
import PropTypes from 'prop-types'
import cn from 'classnames'
import { provider } from '@k-ramel/react'

import withTheme from 'styles/themes/withTheme'
import { AuthProvider } from './features/auth'
import NotFound from './screens/components/notFound'
import Conference from './screens/conference'
import Organizer from './screens/organizer'
import Speaker from './screens/speaker'
import Invite from './screens/invite'

import store from './store'

import './styles'

const App = ({ className }) => (
  <AuthProvider>
    <div className={cn('app', className)}>
      <Conference />
      <Organizer />
      <Speaker />
      <Invite />
      <NotFound />
    </div>
  </AuthProvider>
)

App.propTypes = {
  className: PropTypes.string,
}

App.defaultProps = {
  className: 'default-theme',
}

export default provider(store)(withTheme(App))