Untitled

<script setup>
const showPromo = ref(true);
</script>
<div
v-show="showPromo"
class="w-full flex items-center justify-between gap-6 bg-black py-[10px] px-5 md:px-[50px]"
>
<div class="w-[34px] h-[34px] hidden md:block"></div>
<slot name="promo">
    <div class="flex items-center gap-[10px]">
        <p class="text-[14px] text-white">
            Don't miss our lastest Chatbot builder with GPT technology:
        </p>
        <span class="flex w-min !text-primary">
            <p class="uppercase min-w-[60px]">Try Now</p>
            <v-icon icon="mdi-arrow-right"></v-icon>
        </span>
    </div>
</slot>
<div class="!text-primary cursor-pointer" @click="showPromo = false">
    <v-icon icon="mdi-close"></v-icon>
</div>
</div>