import { StrictMode } from 'react';
import { createRoot } from 'react-dom/client';
import { App } from './App.js';
import { getDevHostFlows, getDevHostPresets } from './config.js';
import './styles.css';
import { readDevHostState } from './utils.js';

const rootElement = document.getElementById('root');

if (!rootElement) {
  throw new Error('Rozenite dev host failed to initialize.');
}

const state = readDevHostState();
const flows = getDevHostFlows();
const presets = getDevHostPresets();

createRoot(rootElement).render(
  <StrictMode>
    <App {...state} flows={flows} presets={presets} />
  </StrictMode>,
);