snapshot of https://github.com/cortezaproject/corteza.git (2024.9.x, 2026-09-18; blobs > 131072B omitted)

lib/vue/src/components/hint/CHint.vue

@@ -0,0 +1,39 @@
+<template>
+  <div
+    v-if="tooltip"
+    v-b-tooltip.noninteractive.hover.right="{ variant: tooltipVariant, title: tooltip, boundary: 'body' }"
+    class="d-flex align-items-center ml-1"
+  >
+    <font-awesome-icon
+      :icon="icon"
+      :class="iconClass"
+    />
+  </div>
+</template>
+
+<script>
+
+export default {
+  props: {
+    icon: {
+      type: Array,
+      default: () => ['far', 'question-circle'],
+    },
+
+    iconClass: {
+      type: String,
+      default: 'text-primary',
+    },
+
+    tooltip: {
+      type: String,
+      default: '',
+    },
+
+    tooltipVariant: {
+      type: String,
+      default: 'dark',
+    },
+  },
+}
+</script>