ui: allow customizing delete button variant

Author: davidstackio

src/runtime/components/firebase/FirebaseFileDeleteDialog.vue

@@ -37,6 +37,10 @@ const props = defineProps({
     type: String,
     default: mdiDelete,
   },
+  buttonVariant: {
+    type: String as PropType<'flat' | 'text' | 'elevated' | 'tonal' | 'outlined' | 'plain' | undefined>,
+    default: undefined,
+  },
   buttonSize: {
     type: String,
     default: 'default',
@@ -107,6 +111,7 @@ async function submitForm() {
 <template>
   <span>
     <v-btn
+      :variant="buttonVariant"
       :size="buttonSize"
       :prepend-icon="buttonIcon"
       :color="buttonColor"