function IntegracoesApp() {
  const [theme, setTheme] = React.useState(
    () => localStorage.getItem('horos-theme') || 'light'
  );
  const changeTheme = (t) => {
    setTheme(t);
    document.documentElement.dataset.theme = t;
    localStorage.setItem('horos-theme', t);
  };
  React.useEffect(() => {
    document.documentElement.dataset.theme = theme;
  }, []);

  return (
    <div className="app">
      <Sidebar active="integrations" />
      <div className="main">
        <Topbar theme={theme} onThemeChange={changeTheme} />
        <div className="content">
          <IntegracoesPage />
        </div>
      </div>
    </div>
  );
}

const _intRoot = ReactDOM.createRoot(document.getElementById('root'));
_intRoot.render(<IntegracoesApp />);