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.
   */
  lang: 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;

  /**
   * The localization code, combining the language code and country code (e.g., "en_US").
   * This follows the format of ISO 639-1 for the language and ISO 3166-1 alpha-2 for the country.
   */
  locale: string;

  /**
   * The full name of the country associated with this language option.
   */
  country: string;

  /**
   * The two-letter ISO 3166-1 alpha-2 code representing the country (e.g., "US" for United States).
   */
  countryCode: 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;