import { useEffect } from 'react'
import { AppRoutes } from './app/AppRoutes'
import { APP_NAME } from './app/branding'
import './App.css'
import { useKeyboardInput } from './input/useKeyboardInput'
import { usePoseInput } from './input/usePoseInput'

function InputControllers() {
  useKeyboardInput()
  usePoseInput()
  return null
}

function App() {
  useEffect(() => {
    document.title = APP_NAME
  }, [])

  return (
    <>
      <InputControllers />
      <AppRoutes />
    </>
  )
}

export default App
