import { ZComponent, ContextManager, Observable, Animation, Layer, LayerClip, Event } from '@zcomponent/core';

import { DefaultLoader as DefaultLoader_0 } from '@zcomponent/core/lib/components/DefaultLoader';
import { Group as Group_1 } from '@zcomponent/three/lib/components/Group';
import { TargetPreview as TargetPreview_2 } from './targetpreview';
import { PerspectiveCamera as PerspectiveCamera_3 } from '@zcomponent/three/lib/components/cameras/PerspectiveCamera';
import { MouseOrbit as MouseOrbit_4 } from '@zcomponent/three/lib/behaviors/MouseOrbit';
import { ScaleToFit as ScaleToFit_5 } from '@zcomponent/three/lib/components/transforms/ScaleToFit';
import { AlignTransform as AlignTransform_6 } from '@zcomponent/three/lib/components/transforms/AlignTransform';

interface ConstructorProps {
	/**
	 * @zprop
	 * @zdefault "''"
	 */
	src: string;
}

/**
 * @zcomponent
 * @zicon zcomponent
 */
declare class Comp extends ZComponent {
	constructor(contextManager: ContextManager, constructorProps: ConstructorProps);

	nodes: {
		DefaultLoader: DefaultLoader_0 & {
			behaviors: {};
		};
		Defaults: Group_1 & {
			behaviors: {};
		};
		TargetPreview: TargetPreview_2 & {
			behaviors: {};
		};
		PerspectiveCamera: PerspectiveCamera_3 & {
			behaviors: {
				0: MouseOrbit_4;
				MouseOrbit: MouseOrbit_4;
			};
		};
		ScaleToFit: ScaleToFit_5 & {
			behaviors: {};
		};
		AlignTransform: AlignTransform_6 & {
			behaviors: {};
		};
	};

	animation: Animation & { layers: {} };

	/**
	 * The position, in 3D space, of this node relative to its parent. The three elements of the array correspond to the `x`, `y`, and `z` components of position.
	 *
	 * @zprop
	 * @zdefault [0,0,0]
	 * @zgroup Transform
	 * @zgrouppriority 10
	 */
	public position: Observable<[x: number, y: number, z: number]>;

	/**
	 * The rotation, in three dimensions, of this node relative to its parent. The three elements of the array correspond to Euler angles - yaw, pitch and roll.
	 *
	 * @zprop
	 * @zdefault [0,0,0]
	 * @zgroup Transform
	 * @zgrouppriority 10
	 */
	public rotation: Observable<[x: number, y: number, z: number]>;

	/**
	 * The scale, in three dimensions, of this node relative to its parent. The three elements of the array correspond to scales in the the `x`, `y`, and `z` axis.
	 *
	 * @zprop
	 * @zdefault [1,1,1]
	 * @zgroup Transform
	 * @zgrouppriority 10
	 */
	public scale: Observable<[x: number, y: number, z: number]>;

	/**
	 * Determines if this object and its children are rendered to the screen.
	 *
	 * @zprop
	 * @zdefault true
	 * @zgroup Appearance
	 * @zgrouppriority 11
	 */
	public visible: Observable<boolean>;
}

export default Comp;