import { App, ComponentPublicInstance, VNode } from 'vue'

export type SizeType = null | 'large' | 'default' | 'small'
export type ValueOf<T> = T extends any[] ? T[number] : T[keyof T]

export type XComponent<P = {}, E = {}> = ({
  new(): {
    $props: P & E
  }
} & {
  install(app: App): void
})

export interface XComponentBase {
  xID: string
}

export interface RecordInfo {
  [key: string]: any
}

export interface XEvent {
  $event: Event
  [key: string]: any
}

export type VNodeStyle = {
  [key: string]: string | number
}

export type SlotVNodeType = JSX.Element | VNode | string | number