@lonelyplanet/dotcom-core/src/classes/registry.ts

import GlobalLogin from "../components/login";
import GlobalToast from "../components/toast";
import Test from "../components/test";
import Button from "backpack-ui/dist/components/button";
import * as Backpack from "backpack-ui";

export default function registry (id: string) {
  const registry = {
    "globallogin": GlobalLogin,
    "globaltoast": GlobalToast,
    "test": Test,
  };

  const lowerId = id.toLowerCase();
  if (registry[lowerId]) {
    return registry[lowerId];
  }

  let component;
  Object.keys(Backpack).forEach((name) => {
    if(name.toLowerCase() === id) {
      component = Backpack[name];
    }
  });

  if (component) {
    return component;
  }

  return null;
};