import { type Writable } from 'svelte/store';
import { AnimationMixer, type AnimationAction } from 'three';
import type { GLTF } from 'three/examples/jsm/loaders/GLTFLoader';
/**
 * Convenience hook to use animations loaded with a <GLTF> threlte component.
 *
 * ### Example
 *
 * ```svelte
 * <script lang="ts">
 *   import { GLTF } from 'threlte'
 *   import { useGltfAnimations } from '../lib/useAnimations'
 *
 *   const { gltf, actions } = useGltfAnimations<'All Animations'>(({ actions }) => {
 *     // Either play your animations as soon as they are loaded
 *     actions['All Animations']?.play()
 *   })
 *
 *   // Or play them whenever you need
 *   export const triggerAnimation = () => {
 *     $actions['All Animations']?.play()
 *   }
 * </script>
 *
 * <GLTF url={'/Bengal.glb'} bind:gltf={$gltf} />
 * ```
 * @param callback
 * @returns
 */
export declare function useGltfAnimations<T extends string, Actions = Partial<Record<T, AnimationAction>>>(callback?: (args: {
    actions: Actions;
    mixer: AnimationMixer;
}) => void): {
    gltf: Writable<GLTF | undefined>;
    mixer: Writable<AnimationMixer | undefined>;
    actions: Writable<Actions>;
};
export declare function useGltfAnimations<T extends string, Actions = Partial<Record<T, AnimationAction>>>(gltf: Writable<GLTF | undefined>, callback?: (args: {
    actions: Actions;
    mixer: AnimationMixer;
}) => void): {
    gltf: Writable<GLTF | undefined>;
    mixer: Writable<AnimationMixer | undefined>;
    actions: Writable<Actions>;
};