diff --git a/components/InviteModal.vue b/components/InviteModal.vue
index 28b0a49..743a28b 100644
--- a/components/InviteModal.vue
+++ b/components/InviteModal.vue
@@ -1,5 +1,5 @@
 <template>
-  <Modal title="Create an invite">
+  <Modal v-bind="props" :title="props.title || 'Create an invite'">
     <div id="invite-popup">
       <div v-if="invite">
         <p>{{ invite }}</p>
@@ -13,8 +13,9 @@
 </template>
 
 <script lang="ts" setup>
-import type { InviteResponse } from '~/types/interfaces';
+import type { InviteResponse, ModalProps } from '~/types/interfaces';
 
+const props = defineProps<ModalProps & { guildId: string }>();
 
 const invite = ref<string>();
 
diff --git a/components/Modal.vue b/components/Modal.vue
index e2b9137..dd9cda7 100644
--- a/components/Modal.vue
+++ b/components/Modal.vue
@@ -6,8 +6,10 @@
 </template>
 
 <script lang="ts" setup>
+import type { ModalProps } from '~/types/interfaces';
 
-const props = defineProps<{ title: string, heavy?: boolean }>();
+
+const props = defineProps<ModalProps>();
 const dialog = ref<HTMLDialogElement>();
 
 onMounted(() => {
diff --git a/types/interfaces.ts b/types/interfaces.ts
index fe58dd2..82a538b 100644
--- a/types/interfaces.ts
+++ b/types/interfaces.ts
@@ -87,3 +87,10 @@ export interface DropdownOption {
 	value: string | number,
 	callback: () => void
 }
+
+export interface ModalProps {
+	title?: string,
+	heavy?: boolean,
+	onClose?: () => void,
+	onCancel?: () => void
+}