<script setup lang="ts">

// types

type Props = {
    disabled?: boolean,
}

// props

const props = defineProps<Props>();
const {} = toRefs(props);

// provide-inject

const { closeChat } = inject("isOpen") as any;

</script>

<template>
    <div
        class="absolute bg-white border-b border-slate-100 px-5 h-[60px] top-0 z-20 flex justify-between w-full items-center">
        <span class="typo-p-sm">
            چت بات هوش مصنوعی
        </span>
        <button
            @click="closeChat"
            :disabled="disabled"
            class="hover:bg-slate-100 transition-all disabled:cursor-default cursor-pointer rounded-full size-[25px] flex items-center justify-center"
        >
            <Icon name="iconamoon:sign-times-duotone" class="**:stroke-slate-900" />
        </button>
    </div>
</template>