You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

67 lines
1.2 KiB

<template>
<v-card>
<v-toolbar color="primary white--text" flat>
<v-toolbar-title>{{ title }}</v-toolbar-title>
</v-toolbar>
<v-card-text class="text--primary mt-3 pl-4">
<slot name="content" />
</v-card-text>
<v-card-actions>
<v-spacer />
<v-btn
v-if="cancelText"
class="text-capitalize"
text
color="primary"
data-test="cancel-button"
@click="cancel"
>
{{ cancelText }}
</v-btn>
<v-btn
v-if="agreeText"
:disabled="disabled"
class="text-none"
text
data-test="delete-button"
@click="agree"
>
{{ agreeText }}
</v-btn>
</v-card-actions>
</v-card>
</template>
<script lang="ts">
import Vue from 'vue'
export default Vue.extend({
props: {
title: {
type: String,
default: '',
required: true
},
cancelText: {
type: String,
default: ''
},
agreeText: {
type: String,
default: ''
},
disabled: {
type: Boolean,
default: false
}
},
methods: {
agree() {
this.$emit('agree')
},
cancel() {
this.$emit('cancel')
}
}
})
</script>