import * as vue from 'vue';
import { JSXComponent, PropType, App } from 'vue';

type DefaultsInstance = undefined | {
    [key: string]: undefined | Record<string, unknown>;
    global?: Record<string, unknown>;
};
type DefaultsOptions = Partial<DefaultsInstance>;

type IconValue = string | (string | [path: string, opacity: number])[] | JSXComponent;
declare const IconValue: PropType<IconValue>;
interface IconAliases {
    [name: string]: IconValue;
}
interface IconProps {
    tag: string;
    icon?: IconValue;
    disabled?: boolean;
}
type IconComponent = JSXComponent<IconProps>;
interface IconSet {
    component: IconComponent;
}
type IconOptions = {
    defaultSet?: string;
    aliases?: Partial<IconAliases>;
    sets?: Record<string, IconSet>;
};

interface UntitledOptions {
    components?: Record<string, any>;
    defaults?: DefaultsOptions;
    icons?: IconOptions;
}
declare function createUntitled(options?: UntitledOptions): {
    install(app: App): void;
    defaults: vue.Ref<DefaultsInstance>;
    icons: Record<string, any>;
};

export { UntitledOptions, createUntitled };

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

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

  DefaultsInstance,
  // DisplayInstance,
  IconOptions,
  // LocaleInstance,
  // RtlInstance,
  // ThemeInstance,
} from './framework'


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 {
    USidebar: typeof import('@hotezadeveloper/untitled/components')['USidebar']
    USidebarLogo: typeof import('@hotezadeveloper/untitled/components')['USidebarLogo']
    UProgressBar: typeof import('@hotezadeveloper/untitled/components')['UProgressBar']
    UProgressCircle: typeof import('@hotezadeveloper/untitled/components')['UProgressCircle']
    USemiCircleXXS: typeof import('@hotezadeveloper/untitled/components')['USemiCircleXXS']
    USemiCircleXS: typeof import('@hotezadeveloper/untitled/components')['USemiCircleXS']
    USemiCircleSM: typeof import('@hotezadeveloper/untitled/components')['USemiCircleSM']
    USemiCircleMD: typeof import('@hotezadeveloper/untitled/components')['USemiCircleMD']
    USemiCircleLG: typeof import('@hotezadeveloper/untitled/components')['USemiCircleLG']
    UIcon: typeof import('@hotezadeveloper/untitled/components')['UIcon']
    UIconParentContainer: typeof import('@hotezadeveloper/untitled/components')['UIconParentContainer']
    UComponentIcon: typeof import('@hotezadeveloper/untitled/components')['UComponentIcon']
    USvgIcon: typeof import('@hotezadeveloper/untitled/components')['USvgIcon']
    ULigatureIcon: typeof import('@hotezadeveloper/untitled/components')['ULigatureIcon']
    UClassIcon: typeof import('@hotezadeveloper/untitled/components')['UClassIcon']
    UExampleComponent: typeof import('@hotezadeveloper/untitled/components')['UExampleComponent']
    UExampleSimpleComponent: typeof import('@hotezadeveloper/untitled/components')['UExampleSimpleComponent']
    UTooltip: typeof import('@hotezadeveloper/untitled/components')['UTooltip']
    UCheckbox: typeof import('@hotezadeveloper/untitled/components')['UCheckbox']
    UTag: typeof import('@hotezadeveloper/untitled/components')['UTag']
    UInput: typeof import('@hotezadeveloper/untitled/components')['UInput']
    UTable: typeof import('@hotezadeveloper/untitled/components')['UTable']
    UTableCell: typeof import('@hotezadeveloper/untitled/components')['UTableCell']
    UTableCellText: typeof import('@hotezadeveloper/untitled/components')['UTableCellText']
    UTableCellSupText: typeof import('@hotezadeveloper/untitled/components')['UTableCellSupText']
    UTableHeaderCell: typeof import('@hotezadeveloper/untitled/components')['UTableHeaderCell']
    UTableHeaderText: typeof import('@hotezadeveloper/untitled/components')['UTableHeaderText']
    UTableRow: typeof import('@hotezadeveloper/untitled/components')['UTableRow']
    UPagination: typeof import('@hotezadeveloper/untitled/components')['UPagination']
    UPaginationNumber: typeof import('@hotezadeveloper/untitled/components')['UPaginationNumber']
    UTabs: typeof import('@hotezadeveloper/untitled/components')['UTabs']
    UDivider: typeof import('@hotezadeveloper/untitled/components')['UDivider']
    UDropdown: typeof import('@hotezadeveloper/untitled/components')['UDropdown']
    UContainer: typeof import('@hotezadeveloper/untitled/components')['UContainer']
    UButton: typeof import('@hotezadeveloper/untitled/components')['UButton']
    UBaseButton: typeof import('@hotezadeveloper/untitled/components')['UBaseButton']
    UBadge: typeof import('@hotezadeveloper/untitled/components')['UBadge']
    UAvatar: typeof import('@hotezadeveloper/untitled/components')['UAvatar']
    UAvatarGroup: typeof import('@hotezadeveloper/untitled/components')['UAvatarGroup']
    UCard: typeof import('@hotezadeveloper/untitled/components')['UCard']
    UNotification: typeof import('@hotezadeveloper/untitled/components')['UNotification']
    useNotification: typeof import('@hotezadeveloper/untitled/components')['useNotification']
    Notification: typeof import('@hotezadeveloper/untitled/components')['Notification']
    UListItemGroup: typeof import('@hotezadeveloper/untitled/components')['UListItemGroup']
    UListItem: typeof import('@hotezadeveloper/untitled/components')['UListItem']
    USpinner: typeof import('@hotezadeveloper/untitled/components')['USpinner']
    UIntegrationIcon: typeof import('@hotezadeveloper/untitled/components')['UIntegrationIcon']
    UApp: typeof import('@hotezadeveloper/untitled/components')['UApp']
  }
}