1 files changed, 34 insertions, 0 deletions
diff --git a/app/assets/javascripts/environments/environment_details/empty_state.vue b/app/assets/javascripts/environments/environment_details/empty_state.vue
new file mode 100644
index 00000000000..6f08b319408
--- /dev/null
+++ b/app/assets/javascripts/environments/environment_details/empty_state.vue
@@ -0,0 +1,34 @@
+<script>
+import { GlEmptyState, GlSprintf } from '@gitlab/ui';
+import { translations, codeBlockPlaceholders, environmentsHelpPagePath } from './constants';
+
+export default {
+  components: {
+    GlSprintf,
+    GlEmptyState,
+  },
+  translations,
+  actionButtonUrl: environmentsHelpPagePath,
+  placeholders: {
+    code: codeBlockPlaceholders,
+  },
+};
+</script>
+<template>
+  <gl-empty-state
+    :title="$options.translations.emptyStateTitle"
+    :primary-button-text="$options.translations.emptyStatePrimaryButton"
+    :primary-button-link="$options.actionButtonUrl"
+  >
+    <template #description>
+      <gl-sprintf
+        :message="$options.translations.emptyStateDescription"
+        :placeholders="$options.placeholders.code"
+      >
+        <template #code="{ content }">
+          <code>{{ content }}</code>
+        </template>
+      </gl-sprintf>
+    </template>
+  </gl-empty-state>
+</template>