vue-wiguet-chatweb 0.1.23 → 0.1.24

package/src/components/sidebar/SidebarHeader.vue

@@ -0,0 +1,40 @@
+<template>
+  <header class="flex justify-between items-center border-b-2 p-2 pl-4 pb-0">
+    <slot name="content">
+      <span class="text-gray-500 dark:text-gray-200 text-xl font-roboto font-medium">
+        {{ props.title }}
+      </span>
+    </slot>
+    <Button
+      icon="pi pi-times"
+      severity="secondary"
+      text
+      rounded
+      aria-label="Cancel"
+      @click="props.closeFn"
+    >
+      <template #icon>
+        <IconClose />
+      </template>
+    </Button>
+  </header>
+</template>
+
+<script setup lang="ts">
+import Button from 'primevue/button';
+import IconClose from '../IconClose.vue';
+import { PropType } from 'vue';
+
+const props = defineProps({
+  closeFn: {
+    type: Function as PropType<(event: Event) => void>,
+    required: true,
+  },
+  title: {
+    type: String,
+    required: false,
+  },
+});
+</script>
+
+<style scoped></style>