43 lines
864 B
Vue
43 lines
864 B
Vue
<template lang="pug">
|
|
.flex.flex-col.mb-1.mt-4
|
|
span.font-medium.text-base.modal-text {{ bodyText }}
|
|
.flex.gap-x-3.mt-6.font-semibold
|
|
base-button(
|
|
outlined,
|
|
:size=40,
|
|
@click="closeModal"
|
|
) Отменить
|
|
base-button(
|
|
outlined-red,
|
|
:size=40,
|
|
@click="clickConfirm"
|
|
) {{ confirmTitle }}
|
|
</template>
|
|
|
|
<script>
|
|
import BaseButton from "@/components/base/BaseButton.vue";
|
|
export default {
|
|
name: "ClientTableModal",
|
|
components: {
|
|
BaseButton,
|
|
},
|
|
props: {
|
|
confirmTitle: String,
|
|
bodyText: String,
|
|
closeModal: Function,
|
|
clickConfirm: Function,
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style lang="sass" scoped>
|
|
.modal-text
|
|
color: var(--font-grey-color)
|
|
|
|
.card-container
|
|
width: 420px
|
|
height: 194px
|
|
border-radius: 4px
|
|
border: 1px solid var(--border-light-grey-color-1)
|
|
</style>
|