import { SvelteComponentTyped } from "svelte";

export type SelectItemProps<Value extends string | number = string | number> = {
  /**
   * Specify the option value.
   * @default ""
   */
  value?: Value;

  /**
   * Specify the option text.
   * If not specified, the value will be used as the text.
   * @default undefined
   */
  text?: string;

  /**
   * Set to `true` to hide the option
   * @default false
   */
  hidden?: boolean;

  /**
   * Set to `true` to disable the option
   * @default false
   */
  disabled?: boolean;

  /**
   * Specify the class of the `option` element.
   * @default undefined
   */
  class?: string;

  /**
   * Specify the style of the `option` element.
   * @default undefined
   */
  style?: string;
};

export default class SelectItem<
  Value extends string | number = string | number,
> extends SvelteComponentTyped<
  SelectItemProps<Value>,
  Record<string, any>,
  Record<string, never>
> {}