import { Component } from 'vue'
// Services
import {
  Breakpoint,
  BreakpointOptions,
} from '@itools-front/ifrontui/types/services/breakpoint'
import {
  Icons,
  IconsOptions,
} from '@itools-front/ifrontui/types/services/icons'
import {
  Lang,
  LangOptions,
} from '@itools-front/ifrontui/types/services/lang'
import {
  Theme,
  ThemeOptions,
} from '@itools-front/ifrontui/types/services/theme'

export interface VuetifyPreset {
  breakpoint: {
    mobileBreakpoint: Breakpoint['mobileBreakpoint']
    scrollBarWidth: Breakpoint['scrollBarWidth']
    thresholds: Breakpoint['thresholds']
  }
  icons: {
    component?: Icons['component']
    iconfont: Icons['iconfont']
    // TODO: Remove partial for v3
    values: Partial<Icons['values']>
  }
  lang: {
    current: Lang['current']
    locales: Lang['locales']
    t: Lang['t']
  }
  theme: {
    dark: Theme['dark']
    default: Theme['default']
    disable: Theme['disable']
    options: Theme['options']
    themes: Theme['themes']
  }

  [name: string]: any
}

export interface UserVuetifyPreset extends GlobalVuetifyPreset {
  preset?: GlobalVuetifyPreset

  [name: string]: any
}

export interface GlobalVuetifyPreset {
  breakpoint?: BreakpointOptions
  icons?: IconsOptions
  lang?: LangOptions
  theme?: ThemeOptions

  [name: string]: any
}

export interface Presets {
  preset: UserVuetifyPreset
}
