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.
 
 
 
 
 
 

69 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"
class="text-none"
text
:disabled="disabled"
data-test="delete-button"
@click="agree"
>
{{ agreeText }}
</v-btn>
</v-card-actions>
</v-card>
</template>
<script>
export default {
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>