import { render } from 'solid-js/web';
import { BridgeProvider, NavigationProvider } from '@loomgui/bridge';
import App from './App';
import { bridge } from './bridge';
import './styles.css';

const root = document.getElementById('root');
if (!root) throw new Error('Missing #root element');

render(() => (
  <BridgeProvider value={bridge}>
    <NavigationProvider>
      <App />
    </NavigationProvider>
  </BridgeProvider>
), root);