import type { AnnotationData } from '@vizor-vr/shared';
import { HTMLElementBase } from '../core/html-element.js';
/**
 * <vz-annotation> — child element of vz-video/vz-img for interactive annotations.
 *
 * This is a data-holder element with no shadow DOM. The parent media element's
 * AnnotationManager reads these elements to create 3D sprite markers.
 *
 * @example
 * ```html
 * <vz-video format="MONO_360">
 *   <source src="video.mp4" type="video/mp4" />
 *   <vz-annotation lat="10" lon="45" time-start="5" time-end="15" title="Look here">
 *     <p>Rich HTML content</p>
 *   </vz-annotation>
 * </vz-video>
 * ```
 */
export declare class VzAnnotationElement extends HTMLElementBase {
    static get observedAttributes(): string[];
    /** Parse this element's attributes into an AnnotationData object */
    getData(): AnnotationData;
}
/** Register the <vz-annotation> custom element */
export declare function registerAnnotation(): void;
//# sourceMappingURL=vz-annotation.d.ts.map