1 files changed, 30 insertions, 0 deletions
diff --git a/client/src/components/Modal.vue b/client/src/components/Modal.vue
new file mode 100644
index 0000000..90574bb
--- /dev/null
+++ b/client/src/components/Modal.vue
@@ -0,0 +1,30 @@
+<template>
+  <div class="modal d-block" tabindex="-1">
+    <div class="modal-dialog modal-dialog-centered">
+      <div class="modal-content">
+        <div class="modal-header">
+          <h5 class="modal-title">{{ title }}</h5>
+          <button type="button" class="btn-close" @click="close"></button>
+        </div>
+        <div class="modal-body">
+          <slot></slot>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="modal-backdrop show"></div>
+</template>
+
+<script>
+export default {
+  name: 'Modal',
+  props: {
+    title: String,
+  },
+  methods: {
+    close() {
+      this.$emit('close');
+    }
+  }
+}
+</script>