import { createElement } from '__RAX_OR_REACT__';
import { render } from '__RAX_OR_REACTDOM__';
import ShadowView from '../../src/component/ShadowView';
import ConfigView from '../../src/component/ConfigView';
__DRIVERUNIVERSAL__;

import schema from '__CONFIG_ENTRY__';

/* eslint-disable-next-line */
function View({ theme }) {
  return (
    <ShadowView>
      <ConfigView theme={theme} schema={schema} />
    </ShadowView>
  );
}

const renderOptions =
  typeof DriverUniversal !== 'undefined'
    ? { driver: DriverUniversal }
    : undefined;
const method = `__render__`;

// window.__render__ should be underfined
window[method] && console.warn('render method exist: ', method);

window[method] = function (theme, sltor) {
  render(<View theme={theme} />, document.querySelector(sltor), renderOptions);
};