<script lang="ts">

  import { onMount } from "svelte"

  export let imageInfo

  import { PhotoSphereViewerWrapper } from "./Image/photoSphereViewerWrapper"

  let container: HTMLElement


  onMount(() => {
    console.log("Creating viewer...")
    const features = [
      {
        "type": "Feature",
        "properties": { "name": "trap" },
        "geometry": {
          "coordinates": [
            3.742395038713312,
            51.05237592785801
          ],
          "type": "Point"
        }
      }
    ]
    const viewer = new PhotoSphereViewerWrapper(container, imageInfo, features)


    // console.log(panorama, container)
  })

</script>

<head>
  <link rel="stylesheet" href="./node_modules/pannellum/build/pannellum.css">
</head>
<div bind:this={container} class="h-screen w-screen border" style="height: 500px"></div>

