<template>
    <div class="whatsapp">
        <a :href="'https://wa.me/'+runtimeConfig.public.phone_whatsapp+'?text='+encodeURIComponent('Hola, me gustaría saber más información sobre sus servicios de limpieza.')"
            target="_blank"><i class="bi bi-whatsapp whatsapp-icon"></i></a>
    </div>
</template>

<script setup lang="ts">
const runtimeConfig = useRuntimeConfig();
</script>

<style scoped lang="scss">
.whatsapp {
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    right:40px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    z-index:100;

    a {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
        color: white;
    }
  }
  
</style>