import * as React from 'react';
{{#if widget}}
  import { createRoot } from 'react-dom/client';
{{else}}
  import { hydrateRoot } from 'react-dom/client';
{{/if}}

import App from './components/App';

export default function main(initialState: any, el: HTMLElement) {
  {{#if widget}}
    createRoot(el).render(
      <App message={initialState.message} name={initialState.name} />
    );
  {{else}}
    hydrateRoot(
      el, 
      <App message={initialState.message} name={initialState.name} />
    );
  {{/if}}
}