<script setup>
import whatsApp from '@/assets/social/whatsApp.png'
import { handleFabClick } from './view/utils/util'

// const handleFabClick = () => {
//   window.open('https://www.umrazafund.com')
// }

const handleFabClickWhats = () => {
  window.open('https://api.whatsapp.com/send?phone=6285355005867')
}

</script>


<template>
  <!-- <Suspense>
    <template #default>
      <div> -->
      <RouterView></RouterView>
      

      <div
        class="fixed bottom-24 left-6 pl-4 pr-4 pt-3 pb-3 bg-[#00322fe6] hover:opacity-90 text-white rounded-full flex items-center justify-center shadow-lg cursor-pointer"
        @click="handleFabClick()"
      >
        <span>Dana Haji</span>
      </div>

      <div
        class="fixed bottom-6 left-6 w-14 h-14 bg-green-500 hover:bg-green-600 text-white rounded-full flex items-center justify-center shadow-lg cursor-pointer"
        @click="handleFabClickWhats"
      >
        <img class="w-14" :src="whatsApp" alt="">
      </div>
      
    <!-- </div> -->
    <!-- </template> -->
    <!-- <template #fallback>
      <div>Loading...</div>
    </template>
    
  </Suspense> -->
</template>

<style scoped></style>
