import { ConstructorProps, ContextManager, HorizontalAlignment, VerticalAlignment } from '@zcomponent/core';
import { Object3D } from './Object3D';
interface HTMLConstructorProps extends ConstructorProps {
/** @zprop
* @zdefault div
*/
wrapper?: 'div';
}
/**
* The HTML component allows you to attach HTML DOM elements (e.g. `
`, ``) to a point in 3D space, or to the screen. It's great for adding user interface elements to your experience.
*
* With the `anchor3D` prop to `true`, the position of the root HTML element will be updated every frame to coincide with the component's position in 3D space. The `horizontalAnchor` and `verticalAnchor` props determine which point on the root HTML DOM element will be aligned with the point in 3D space.
*
* With `anchor3D` set to `false`, the HTML element will be pinned to the edge of the screen (or, more accurately, the edge of the experience's `` element) corresponding to the `horizontalAnchor` and `verticalAnchor` props.
*
* Root element: [THREE.Object3D](https://threejs.org/docs/index.html?q=Object#api/en/core/Object3D)
*
* @zcomponent
* @zicon html
* @ztag three/HTML
* @ztag html/element/div
* @zicon html
* @zparents three/Object3D/Group/**
*/
export declare class HTML extends Object3D {
/** @zprop */
distanceFactor: number | undefined;
/** @zprop
* @zdefault center
*/
horizontalAnchor: HorizontalAlignment;
/** @zprop
* @zdefault center
*/
verticalAnchor: VerticalAlignment;
/** @zprop
* @zdefault false
*/
anchor3D: boolean;
private _elm;
constructor(mgr: ContextManager, props: HTMLConstructorProps);
private _attach;
private _frame;
dispose(): never;
}
export {};