department-of-veterans-affairs/vets-website

import React from 'react';
import ReactDOM from 'react-dom';

import widgetTypes from '../widgetTypes';

export default async function createBasicFacilityListWidget() {
  const widgets = Array.from(
    document.querySelectorAll(`
    [data-widget-type="${widgetTypes.BASIC_FACILITY_LOCATIONS_LIST}"]`),
  );

  if (widgets.length) {
    const {
      default: BasicFacilityListWidget,
    } = await import(/* webpackChunkName: "basic-facility-locations-list" */ './BasicFacilityListWidget');

    // since these widgets are on content pages, we don't want to focus on them
    widgets.forEach(el => {
      ReactDOM.render(
        <BasicFacilityListWidget
          facilities={JSON.parse(el.dataset.facilities)}
          path={el.dataset.path}
        />,
        el,
      );
    });
  }
}