import {FunctionComponent, RefObject} from 'react'

export interface CanvasActionProps {
  getCanvas: () => Promise<{
    canvas: HTMLCanvasElement
    canvasId?: string
    dpr: number
    loadImage: (url: string) => Promise<any>
  }>
}

/**
 * @title Canvas Props
 */
export interface CanvasProps {
  ref: RefObject<CanvasActionProps>
  /**
   * @description canvas 按375比例的显示宽度
   * @default 300
   */
  width?: number
  /**
   * @description canvas 按375比例的显示高度
   * @default 150
   */
  height?: number
  hidden?: boolean
}

declare const Canvas: FunctionComponent<CanvasProps>

export {Canvas}