import { ReactNode } from 'react';
import { VuerProps } from '../../vuer/interfaces';
/**
 * AnimationClip component props
 *
 * Container for VectorTrack and QuaternionTrack children that creates
 * a Three.js AnimationClip targeting specific bones in an FBX model.
 *
 * @dial animation @dial-no-wrap
 */
export type AnimationClipProps = VuerProps<{
    /**
     * Name of the animation clip
     * @dial animation
     * @dial-dtype string
     */
    name?: string;
    /**
     * Duration of the clip in seconds. If not provided, computed from longest track.
     * @dial animation
     * @dial-dtype number
     * @dial-min 0.1
     */
    duration?: number;
    /**
     * Track components (VectorTrack, QuaternionTrack)
     */
    children?: ReactNode;
}>;
/**
 * AnimationClip component for declaratively creating Three.js animations
 *
 * This component collects track children and creates a Three.js AnimationClip
 * that can target specific bones in an FBX model. The clip is automatically
 * registered with the parent Fbx component via context.
 *
 * @example
 * ```tsx
 * <Fbx src="model.fbx" playAnimation={true}>
 *   <AnimationClip name="custom-walk" duration={2.0}>
 *     <VectorTrack
 *       name="mixamorigHips.position"
 *       times={[0, 1, 2]}
 *       values={[0, 0, 0,  0, 0.1, 0,  0, 0, 0]}
 *     />
 *     <QuaternionTrack
 *       name="mixamorigSpine.quaternion"
 *       times={[0, 1, 2]}
 *       values={[0, 0, 0, 1,  0, 0.1, 0, 0.995,  0, 0, 0, 1]}
 *     />
 *   </AnimationClip>
 * </Fbx>
 * ```
 */
export declare function AnimationClip({ name, duration, children, }: AnimationClipProps): import("react/jsx-runtime").JSX.Element;