<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>
