import { SvelteComponentTyped } from "svelte";
import type { SvelteHTMLElements } from "svelte/elements";

type $RestProps = SvelteHTMLElements["div"];

type $Props<Id = any> = {
  /**
   * Override the total items selected text.
   */
  formatTotalSelected?: (totalSelected: number) => string;

  /**
   * Use a boolean to show or hide the toolbar.
   * @default undefined
   */
  active?: undefined | boolean;

  /**
   * Specify the selected IDs for standalone usage.
   * This is unnecessary if using this component with `DataTable`.
   * @default []
   */
  selectedIds?: ReadonlyArray<Id>;

  cancel?: (this: void) => void;

  children?: (this: void) => void;

  [key: `data-${string}`]: unknown;
};

export type ToolbarBatchActionsProps<Id = any> = Omit<
  $RestProps,
  keyof $Props<Id>
> &
  $Props<Id>;

export default class ToolbarBatchActions<Id = any> extends SvelteComponentTyped<
  ToolbarBatchActionsProps<Id>,
  { cancel: CustomEvent<null> },
  { default: Record<string, never>; cancel: Record<string, never> }
> {}