#viewer-root {
  width: 100%;
  height: 100%;
}
#viewer-wrapper {
  width: 100vw;
  height: 100vh;
  display:flex;
  overflow: hidden;
  position:relative;
}

const model = "/main-website/engagementring-configurator.glb";

const basePath = "https://assets.demodrive.ijewel3d.com";

ijewelViewer.setupIjewelDriveViewer(
  {
    basePath: basePath,
    model: model,
    ijewelViewerOptions: {
      showCard: false,
      splitMaterialTabs: false,
      showSwitchNode: true,
      showLogo: false
    }
  },
  document.getElementById("viewer-root")
);

window.addEventListener("webgi-viewer-ready", async (ev) => {
  console.log("ready");
  const viewer = ev.detail.viewer;
});