import { SvelteComponentTyped } from "svelte";

export interface TreeNode<Id> {
  id: Id;
  text: string;
  disabled?: boolean;
  expanded?: boolean;
}

export type TreeViewNodeListProps<
  Id extends string | number = string | number,
  Icon = any,
> = {
  /**
   * @default []
   */
  nodes?: ReadonlyArray<TreeNode<Id> & { nodes?: TreeNode<Id>[] }>;

  /**
   * @default false
   */
  root?: boolean;

  /**
   * @default ""
   */
  id?: Id;

  /**
   * @default ""
   */
  text?: string;

  /**
   * @default false
   */
  disabled?: boolean;

  /**
   * Specify the icon to render.
   * @default undefined
   */
  icon?: Icon;

  children?: (
    this: void,
    ...args: [
      {
        node: TreeNode<Id> & {
          expanded: boolean;
          leaf: boolean;
          selected: boolean;
        };
      },
    ]
  ) => void;
};

export default class TreeViewNodeList<
  Id extends string | number = string | number,
  Icon = any,
> extends SvelteComponentTyped<
  TreeViewNodeListProps<Id, Icon>,
  Record<string, any>,
  {
    default: {
      node: TreeNode<Id> & {
        expanded: boolean;
        leaf: boolean;
        selected: boolean;
      };
    };
  }
> {}