import { DropdownEmits, DropdownProps } from '../dropdown/Dropdown.vue.d';
import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';

export interface LanguageOption {
  /**
   * The name of the language, written in English for universal readability.
   */
  /**
   * ISO 639-1 language code (e.g., "en" for English, "fr" for French).
   */
  language?: string;

  /**
   * The name of the language in English (e.g., "English", "Français").
   */
  name: string;

  /**
   * The URL of the country's flag image.
   * Flags are sourced from https://flagcdn.com and are typically in SVG format for high-quality resolution.
   */
  flag?: string;
}

export type LanguageDropdownProps = DropdownProps & {};
export type LanguageDropdownEmits = DropdownEmits & {};

/**
 * **WangsVue - Dropdown**
 *
 * _Dropdown also known as Select, is used to choose an item from a collection of options._
 *
 * --- ---
 * ![WangsVue](https://www.wangs.id/wp-content/uploads/2023/12/cropped-Logo_Wangsid-removebg-preview-192x192.png)
 *
 * @group Component
 */
declare class LanguageDropdown extends ClassComponent<
  LanguageDropdownProps,
  unknown,
  LanguageDropdownEmits
> {}

declare module '@vue/runtime-core' {
  interface GlobalComponents {
    LanguageDropdown: GlobalComponentConstructor<LanguageDropdown>;
  }
}

export default LanguageDropdown;