Files
chatwoot/app/javascript/dashboard/components-next/copilot/CopilotHeader.vue
T
2025-05-12 16:02:35 -07:00

42 lines
908 B
Vue

<script setup>
import Button from '../button/Button.vue';
defineProps({
hasMessages: {
type: Boolean,
default: false,
},
});
defineEmits(['reset', 'close']);
</script>
<template>
<div
class="flex items-center justify-between px-5 py-2 border-b border-n-weak h-12"
>
<div class="flex items-center justify-between gap-2 flex-1">
<span class="font-medium text-sm text-n-slate-12">
{{ $t('CAPTAIN.COPILOT.TITLE') }}
</span>
<div class="flex items-center">
<Button
v-if="hasMessages"
icon="i-lucide-plus"
ghost
sm
tooltip-text="Create a new conversation"
@click="$emit('reset')"
/>
<Button
icon="i-lucide-x"
ghost
sm
tooltip-text="Close Copilot"
@click="$emit('close')"
/>
</div>
</div>
</div>
</template>