<template>
  <popup v-model:value="value" :header-title="item.label" content-animate="scale" @close="$emit('destroy-popup')">
    <section class="recharge-container relative">
      <div @click="close" class="recharge-close-wrap cursor-pointer absolute animate-rotate-hover">
        <icon type="close" class="recharge-close"></icon>
      </div>
      <scroll-view>
        <section class="html-content" v-html="content"></section>
      </scroll-view>

    </section>
  </popup>
</template>

<script>
import {
  Popup,
  icon,
    scrollView
} from '$components';
import mixins from '../mixins';
import props from '../props';
export default {
  name: "popup-message",
  components:{
    Popup,
    icon,
    scrollView
  },
  mixins,
  props
}
</script>

<style scoped lang="scss" src="../style.scss"></style>
