import React, { memo } from 'react'

import Portal from '../portal'
import type { PopupProps } from './interface'
import Popup from './popup'

/**
 * Popup 弹出层
 * @description 弹出层容器，用于展示弹窗、信息提示等内容，支持多个弹出层叠加展示。
 */
const PopupContainer: React.FC<PopupProps> = props => {
  return (
    <Portal>
      <Popup {...props} />
    </Portal>
  )
}

export default memo<typeof PopupContainer>(PopupContainer)