import { render } from "solid-js/web";

import { IcuUpcPicker, icuPickerReMountRequest } from "./IcuUpcPicker";

export { icuPickerReMountRequest };

let isMounted = false;

export function mountIcuUpcPicker(): Promise<void> {
  if (isMounted) {
    icuPickerReMountRequest();
    return Promise.resolve();
  }

  const rootElement = document.body.appendChild(document.createElement("div"));
  rootElement.id = "mm-icu-upc-picker-root";
  render(() => <IcuUpcPicker />, rootElement);

  isMounted = true;

  return Promise.resolve();
}