import { createApp, ref } from 'vue'
import GlobalPopup from './index.vue'

const popupInstance = ref()

const openLogin = (active = 'account', code = '', type = '', state = '') => {
  if (!popupInstance.value) {
    const app = createApp(GlobalPopup, {
      visible: true,
      active: active,
      code: code,
      type: type,
      state: state,
      onClose: () => {
        closeLogin()
      },
    })

    const container = document.createElement('div')
    document.body.appendChild(container)
    popupInstance.value = app.mount(container)
  }
  //   popupInstance.value.$el.innerHTML = content
}

const closeLogin = () => {
  if (popupInstance.value) {
    popupInstance.value.$el.parentNode.removeChild(popupInstance.value.$el)
    popupInstance.value = null
  }
}

export { openLogin, closeLogin }