import { UIElement } from "../ui-element.js";
import { ThumbnailCore, ThumbnailImage } from "@videojs/core";
import { PropertyValues } from "@videojs/element";
//#region src/ui/thumbnail/element.d.ts
/**
 * `<media-thumbnail>` — resolves and sizes a time-based thumbnail into an image.
 *
 * The element owns `src` and `srcset` on the active image. Left empty, it draws an image of its own in its shadow root.
 * Supply an `<img>` child instead — `<media-thumbnail time="12"><img alt=""></media-thumbnail>` — to compose overlays
 * or loading indicators beside the image the element controls. Any `crossorigin`, `loading`, or `fetchpriority` the
 * child already carries wins over the element's own; the rest are filled in. Inside a skin, an `<img slot="thumbnail">`
 * of yours replaces the one the skin carries.
 */
declare class ThumbnailElement extends UIElement {
  #private;
  static readonly tagName = "media-thumbnail";
  static properties: {
    time: {
      type: NumberConstructor;
    };
    crossOrigin: {
      type: StringConstructor;
      attribute: string;
    };
    loading: {
      type: StringConstructor;
    };
    fetchPriority: {
      type: StringConstructor;
      attribute: string;
    };
  };
  time: number;
  crossOrigin: ThumbnailCore.Props['crossOrigin'];
  loading: ThumbnailCore.Props['loading'];
  fetchPriority: ThumbnailCore.Props['fetchPriority'];
  constructor();
  /**
   * Set thumbnail images directly, bypassing the automatic `<track>` detection. When set, this takes priority over the
   * text track path.
   */
  get thumbnails(): ThumbnailImage[] | undefined;
  set thumbnails(value: ThumbnailImage[] | undefined);
  connectedCallback(): void;
  disconnectedCallback(): void;
  destroyCallback(): void;
  protected update(changed: PropertyValues): void;
}
//#endregion
export { ThumbnailElement };
//# sourceMappingURL=element.d.ts.map