import { PlayerProps, WritableProps } from '@vime/core';
import { Writable, Readable } from 'svelte/store';
declare type PropStoreType<P extends keyof PlayerProps> = P extends keyof WritableProps ? Writable<PlayerProps[P]> : Readable<PlayerProps[P]>;
declare type PlayerStore = {
    [P in keyof PlayerProps]: PropStoreType<P>;
};
interface SvelteWebComponent<T extends HTMLElement> {
    getWebComponent: T | undefined;
}
declare type Ref<T extends HTMLElement> = () => T | SvelteWebComponent<T>;
/**
 * This function will take the given `ref` and climb up the DOM tree until it finds the first
 * ancestor player, which it will then return through the callback. This is useful for
 * getting a reference to the player when you need to call a method on it.
 *
 * @param ref A function which returns a HTMLElement or Vime component.
 */
export declare const usePlayer: <T extends HTMLElement>(ref: Ref<T>, callback: (player: HTMLVmPlayerElement) => void) => void;
/**
 * Creates and returns a store for the given player. The store is a collection of stores
 * for each player property. It is safe to write to properties before the player has mounted or
 * playback is ready.
 *
 * @param playerRef A function which returns the player to create the store for.
 *
 * @example
 * <Player bind:this={player}>
 *  <!-- ... -->
 * <Player>
 *
 * <script lang="ts">
 *  import { Player } from '@vime/svelte';
 *
 *  let player;
 *
 *  const { currentTime } = usePlayerStore(() => player);
 *
 *  $currentTime = 50;
 *
 *  $: console.log($currentTime);*
 * </script>
 */
export declare const usePlayerStore: <T extends HTMLElement>(ref: Ref<T>) => PlayerStore;
export {};