import {FunctionComponent, ReactNode, RefObject} from 'react'

export interface PopcenterActionProps {
  open: () => void
  close: () => void
}

/**
 * @title Popcenter Props
 */
export interface PopcenterProps {
  ref: RefObject<PopcenterActionProps>
  children: ReactNode

  /**
   * @description 高度
   */
  height?: number

  /**
   * @description 宽度
   * @default 690
   */
  width?: number

  /**
   * @description 背景色
   */
  backgroundColor?: string

  /**
   * @description 是否显示关闭按钮
   * @default true
   */
  showClose?: boolean

  /**
   * @description 关闭按钮的颜色
   */
  closeColor?: string

  /**
   * @description 关闭按钮的位置
   * @default 'topRight'
   */
  closePosition?: 'topRight' | 'topLeft'
  /**
   * @description 是否显示透明蒙层
   * @default false
   */
  mask?: boolean

  /**
   * @description 关闭回调，关闭之后触发
   */
  onClose?: () => void
}

declare const Popcenter: FunctionComponent<PopcenterProps>

export {Popcenter}