<template>
  <Modal title-align="start" wrapClassName="modal" cancelText="取消" okText="确定" body-class="body" v-bind="$attrs" centered>
    <slot></slot>
  </Modal>
</template>
<script setup lang="ts">
import { Modal } from 'ant-design-vue';
</script>
<style lang="scss">
.modal {
  .arco-modal-header {
    border-bottom: none;
  }
  .arco-modal-footer {
    border-top: none;
    :first-child {
      border: 1px solid var(--BG-500, rgba(177, 178, 181, 1));
      border-radius: 4px;
      padding: 7px 20px;
      font-family: $font-family-medium;
      font-weight: 400;
      font-size: 14px;
    }
    :last-child {
      border-radius: 4px;
      padding: 7px 20px;
      font-family: $font-family-medium;
      font-weight: 400;
      font-size: 14px;
      margin-left: 16px;
    }
  }
}
.body {
  padding-top: 0;
  padding-bottom: 0;
}
</style>
