import { App, InputHTMLAttributes, Plugin } from 'vue';

export interface DropdownOptions {
  showFlags?: boolean;
  disabled?: boolean;
  tabindex?: number;
  showDialCodeInSelection?: boolean;
  showDialCodeInList?: boolean;
}

type Booleanish = boolean | 'true' | 'false'

export interface InputOptions extends Partial<InputHTMLAttributes> {
  type?: string;
  autocomplete?: string;
  autofocus?: boolean;
  styleClasses?: string;
  id?: string;
  maxlength?: number;
  name?: string;
  readonly?: Booleanish;
  required?: Booleanish;
  tabindex?: string;
  showDialCode?: boolean;
  placeholder?: string;
}

export interface CustomOptions {
  dropdownOptions?: DropdownOptions;
  inputOptions?: InputOptions;
}

const Vue3TelInput: Plugin = {
  install(app: App) {
    console.log('VOID', app);
  },
}

export default Vue3TelInput;