<template>
  <NuxtLayout :postfachBadge="false" :prefix="prefix" name="mobile">
    <img v-hm="527" v-wm="393" src="~/assets/images/mobile/ko/postfach/frame.png" />

    <template #stickyHeader>
      <img v-hm="64" v-wm="393" src="~/assets/images/mobile/postfach/sticky-header.png" />
    </template>

    <button v-hm="56" v-wm="109" v-xm="268" v-ym="669" @click="popup_filter = true" class="shadow">
      <img src="~/assets/images/mobile/postfach/filter-button.png" />
      <Spot />
    </button>
    <PopupMobile v-model="popup_filter">
      <div v-hm="908" v-wm="393" class="relative">
        <img src="~/assets/images/mobile/ko/postfach/popups/filters-frame.png" />
        <button v-h:908="48" v-w:393="48" v-x:393="341" v-y:908="8" @click="popup_filter = false">
          <Spot />
        </button>
      </div>
      <template #footer>
        <img src="~/assets/images/mobile/postfach/popups/filters-footer.png" />
      </template>
    </PopupMobile>
  </NuxtLayout>
</template>

<script lang="ts" setup>
defineProps({
  prefix: {
    type: String,
    required: true,
  },
})

const popup_filter = ref(false)
</script>
