import * as React from 'react'
import { hot } from 'react-hot-loader'
import VersionDetector from 'react-version-detector'
{{#if i18n}}
import { withTranslation } from 'react-i18next'
{{/if}}
{{#if router}}
import { Router } from 'react-router'
import { createBrowserHistory } from 'history'
const history = createBrowserHistory()
{{/if}}

const App = () => {
  return (
    <>
      <VersionDetector localVersion={__VERSION__} />
      {{#if router}}
      <Router history={history}>
        infra cli
      </Router>
      {{/if}}
      {{#unless router}}
      <div>
        infra cli
      </div>
      {{/unless}}
    </>
  )
}

{{#if i18n}}
export default withTranslation('App')(hot(module)(App))
{{/if}}
{{#unless i18n}}
export default hot(module)(App)
{{/unless}}