1 files changed, 40 insertions, 0 deletions
diff --git a/application/components/dialog-box.vue b/application/components/dialog-box.vue
new file mode 100644
index 0000000..be1548e
--- /dev/null
+++ b/application/components/dialog-box.vue
@@ -0,0 +1,40 @@
+<script>
+export default {
+  name: 'DialogBox',
+  emits: ['dismiss'],
+  props: {
+    dismissText: {
+      type: String,
+      default: 'Ok'
+    }
+  }
+}
+</script>
+
+<template>
+  <div class="dialog">
+    <slot />
+    <p v-if="dismissText">
+      <button
+        class="dismiss"
+        @click="$emit('dismiss')"
+        v-text="dismissText"
+      />
+    </p>
+  </div>
+</template>
+
+<style scoped>
+.dialog {
+  background-color: white;
+  padding: 20px 40px;
+  margin: 40px;
+  max-width: 500px;
+  box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.4);
+}
+
+.dismiss {
+  display: block;
+  margin: 0 auto;
+}
+</style>