/* eslint-disable local-rules/sort-imports */

import type {
  ComponentPublicInstance,
  FunctionalComponent,
  // UnwrapNestedRefs,
  VNodeChild,
} from 'vue'

// @skip-build
import type {
  DefaultsInstance,
  // DisplayInstance,
  IconOptions,
  // LocaleInstance,
  // RtlInstance,
  // ThemeInstance,
} from './framework'
// @skip-build
// import type { DateOptions } from './labs'

declare global {
  namespace JSX {
    interface ElementChildrenAttribute {
      $children: {}
    }
  }
}

declare module 'vue' {
  export type JSXComponent<Props = any> =
    | { new (): ComponentPublicInstance<Props> }
    | FunctionalComponent<Props>
}

declare module '@vue/runtime-dom' {
  export interface HTMLAttributes {
    $children?: VNodeChild
  }
  export interface SVGAttributes {
    $children?: VNodeChild
  }
}

declare module '@vue/runtime-core' {
  interface Untitled {
    defaults: DefaultsInstance
    // display: UnwrapNestedRefs<DisplayInstance>
    // theme: UnwrapNestedRefs<ThemeInstance>
    icons: IconOptions
    // locale: UnwrapNestedRefs<LocaleInstance & RtlInstance>
    // date: DateOptions
  }

  export interface ComponentCustomProperties {
    $untitled: Untitled
  }

  export interface GlobalComponents {
    // @generate-components
  }
}