1 files changed, 39 insertions, 0 deletions
diff --git a/app/assets/javascripts/vue_shared/components/confidentiality_badge.vue b/app/assets/javascripts/vue_shared/components/confidentiality_badge.vue
new file mode 100644
index 00000000000..298c7bc50cc
--- /dev/null
+++ b/app/assets/javascripts/vue_shared/components/confidentiality_badge.vue
@@ -0,0 +1,39 @@
+<script>
+import { GlBadge, GlTooltipDirective } from '@gitlab/ui';
+import { confidentialityInfoText } from '../constants';
+
+export default {
+  components: {
+    GlBadge,
+  },
+  directives: {
+    GlTooltip: GlTooltipDirective,
+  },
+  props: {
+    workspaceType: {
+      type: String,
+      required: true,
+    },
+    issuableType: {
+      type: String,
+      required: true,
+    },
+  },
+  computed: {
+    confidentialTooltip() {
+      return confidentialityInfoText(this.workspaceType, this.issuableType);
+    },
+  },
+};
+</script>
+
+<template>
+  <gl-badge
+    v-gl-tooltip.bottom
+    :title="confidentialTooltip"
+    icon="eye-slash"
+    variant="warning"
+    class="gl-display-inline gl-mr-2"
+    >{{ __('Confidential') }}</gl-badge
+  >
+</template>