<template>
  <PageLayout
    aboutThisDescription="LISA adapted to SamGIS"
    aboutThisUrl="https://trinca.tornidor.com/projects/lisa-adapted-for-samgis"
    currentPageUrl="https://aletrn-samgis-lisa-on-cuda.hf.space"
    pageTitle="LISA+SamGIS"
    switchTabDescription="SamGIS demo"
    switchTabUrl="/samgis"
  >
    <div>
      <div id="map-container-md-lisa">
        <PageLisaMap :mapName="mapName"
          :mapBounds='[
            { "lat": 46.172594687922256, "lng": 10.079248798586057 },
            { "lat": 46.16789155404419, "lng": 10.069077862001585 }
          ]'
          :description=description />
      </div>
    </div>
  </PageLayout>
</template>

<script setup lang="ts">
import { ref } from 'vue'

import PageLisaMap from '@/components/PageLisaMap.vue'
import PageLayout from '@/components/PageLayout.vue'

const mapName = ref('lisa-map')
const description = ref("This page displays predictions made with LISA VLM.")
</script>
