import { App, VNode } from 'vue'
import { StyleVars } from './styleVars'
import { BasicAttributes, SetPropsDefaults, VarComponent } from './varComponent'

export declare const styleProviderProps: Record<keyof StyleProviderProps, any>

export interface StyleProviderProps extends BasicAttributes {
  styleVars?: StyleVars
  tag?: string
}

export class StyleProviderComponent extends VarComponent {
  $props: StyleProviderProps

  $slots: {
    default(): VNode[]
  }
}

export interface IStyleProvider {
  (options: StyleVars | null): void
  Component: typeof StyleProviderComponent

  install(app: App): void

  setPropsDefaults: SetPropsDefaults<StyleProviderProps>
}

export declare const StyleProvider: IStyleProvider

export class _StyleProviderComponent extends StyleProviderComponent {}