<template>
  <div class="p-3">
    <div class="bg-gray-500 bg-opacity-20 rounded-full w-24 h-24 flex items-center justify-center mx-auto">
      <Icon name="ph:calendar-check" size="72" class="text-green-600 dark:text-green-400" />
    </div>
    <div class="text-center font-bold text-green-600 dark:text-green-400 my-3"
      v-html="config?.rent.thanks_message.title"></div>
    <div class="text-center text-sm" v-html="config?.rent.thanks_message.content"></div>
    <Button icon="i-ph-check-circle" class="my-3 w-full" @click="$router.push({ path: '/' })">Rendben</Button>
  </div>
</template>

<script lang="ts" setup>
const { rent } = storeToRefs(useAuthStore())
const { config } = storeToRefs(useMyConfigStore())
definePageMeta({
  rentStep: 8,
  title: ''
})

onMounted(() => {
  // rent.value = null
})

</script>

<style></style>