import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App';
import {I18nextProvider} from "react-i18next";
import resourceEn from './locale/en/feedback.json'
import resourceCs from './locale/cs/feedback.json'
import {CookiesProvider} from "react-cookie"
import { config } from "./defaultConfig"

window.FeedbackSupport = {}

if (i18next === undefined) {
  console.error('i18next script is not provided')
}

i18next.addResourceBundle('cs', 'feedbackSupport', resourceCs)
i18next.addResourceBundle('en', 'feedbackSupport', resourceEn)

const div = document.createElement('div')
div.id = 'feedback-support-wrapper'
div.style.display = 'none'


document.body.append(div)

const root = ReactDOM.createRoot(
  document.getElementById('feedback-support-wrapper') as HTMLElement
);

document.body.scrollTop = 100

root.render(
  <>
    <I18nextProvider i18n={i18next}>
      <CookiesProvider>
        <App config={config}/>
      </CookiesProvider>
    </I18nextProvider>
  </>
)