<script setup>
import { ref } from "vue";
import { apiBaseConfig } from "@/api/hzyb/common";
import { Popup } from "vant";

const props = defineProps({
  disclaimer: {
    type: String,
  },
  show: {
    type: Boolean,
  },
});

const $emit = defineEmits();

const closeDlg = () => {
  $emit("update:show", false);
};
</script>

<template>
  <Popup :show="props.show" @close="closeDlg" round closeable>
    <div class="disclaimers-box">
      <div style="text-align: center; font-size: 16px; font-weight: bold; margin-bottom: 20px">免责声明</div>
      <div v-html="props.disclaimer"></div>
    </div>
  </Popup>
</template>

<style lang="scss" scoped>
.disclaimers-box {
  width: 94vw;
  padding: 32px;
}
</style>
