/* FlytAI — Main App */

var TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
  "theme": "light",
  "lang": "en"
}/*EDITMODE-END*/;

function App() {
  var _tw = useTweaks(TWEAK_DEFAULTS);
  var tweaks = _tw[0]; var setTweak = _tw[1];

  var theme = tweaks.theme;
  var lang = tweaks.lang;
  var t = window.T[lang] || window.T.en;

  function changeLang(newLang) {
    setTweak('lang', newLang);
  }

  React.useEffect(function () {
    document.documentElement.setAttribute('data-theme', theme);
  }, [theme]);

  React.useEffect(function () {
    var htmlLang = lang === 'no' ? 'no' : lang === 'es' ? 'es' : 'en';
    document.documentElement.lang = htmlLang;
  }, [lang]);

  return React.createElement('div', { className: 'page-wrap', 'data-theme': theme },
    React.createElement(Nav, { t: t, lang: lang, onLangChange: changeLang }),
    React.createElement(Hero, { t: t }),
    React.createElement('div', { className: 'section-divider' }),
    React.createElement(WhoWeWorkWith, { t: t }),
    React.createElement('div', { className: 'section-divider' }),
    React.createElement(Services, { t: t }),
    React.createElement('div', { className: 'section-divider' }),
    React.createElement(HowItWorks, { t: t }),
    React.createElement('div', { className: 'section-divider' }),
    React.createElement(ClientDemos, { t: t, lang: lang }),
    React.createElement('div', { className: 'section-divider' }),
    React.createElement(FAQ, { t: t }),
    React.createElement(Footer, { t: t }),
    React.createElement(TweaksPanel, { title: 'Tweaks' },
      React.createElement(TweakSection, { label: 'Appearance' }),
      React.createElement(TweakRadio, {
        label: 'Theme',
        value: tweaks.theme,
        options: ['light', 'dark'],
        optionLabels: ['Nordic Minimal', 'Dark Nordic'],
        onChange: function (v) { setTweak('theme', v); }
      }),
      React.createElement(TweakSection, { label: 'Language' }),
      React.createElement(TweakRadio, {
        label: 'Language',
        value: tweaks.lang,
        options: ['en', 'no', 'es'],
        optionLabels: ['English', 'Norsk', 'Espa\u00f1ol'],
        onChange: function (v) { setTweak('lang', v); }
      })
    )
  );
}

var root = ReactDOM.createRoot(document.getElementById('root'));
root.render(React.createElement(App));