import { Color } from 'three';
import { Matrix16T } from '../../vuer';
export type ArrowProps = {
    matrix?: Matrix16T;
    /**
     * @dial transform
     * @dial-cols 2
     * @dial-dtype vector3
     */
    position?: [number, number, number];
    /**
     * @dial transform
     * @dial-dtype vector3
     */
    rotation?: [number, number, number];
    /**
     * @dial geometry
     * @dial-cols 2
     * @dial-dtype vector3
     */
    direction?: [number, number, number];
    /**
     * @dial geometry
     * @dial-dtype number
     * @dial-min 0.01
     * @dial-step 0.01
     */
    scale?: number;
    /**
     * @dial geometry
     * @dial-dtype int
     * @dial-min 3
     * @dial-max 32
     * @dial-step 1
     */
    lod?: number;
    /**
     * @dial geometry
     * @dial-dtype number
     * @dial-min 0.01
     * @dial-step 0.01
     */
    headScale?: number;
    /**
     * @dial appearance
     * @dial-cols 2
     * @dial-dtype color
     */
    color?: string | Color;
    /**
     * @dial appearance
     * @dial-dtype number
     * @dial-min 0
     * @dial-max 1
     * @dial-step 0.01
     */
    opacity?: number;
    /**
     * @dial appearance
     * @dial-dtype boolean
     * @dial-default false
     */
    wireframe?: boolean;
    /**
     * @dial visibility
     * @dial-dtype boolean
     * @dial-default false
     */
    hide?: boolean;
};
export declare function Arrow({ matrix, position, rotation, direction, scale, headScale, lod, color, opacity, wireframe, hide, }: ArrowProps): import("react/jsx-runtime").JSX.Element;
export type CoordsMarkerProps = {
    matrix?: Matrix16T;
    /**
     * @dial transform
     * @dial-cols 2
     * @dial-dtype vector3
     */
    position?: [number, number, number];
    /**
     * @dial transform
     * @dial-dtype vector3
     */
    rotation?: [number, number, number];
    quaternion?: [number, number, number, number];
    /**
     * @dial geometry
     * @dial-cols 2
     * @dial-dtype vector3
     */
    direction?: [number, number, number];
    /**
     * @dial geometry
     * @dial-dtype number
     * @dial-min 0.01
     * @dial-step 0.01
     */
    scale?: number;
    /**
     * @dial geometry
     * @dial-dtype int
     * @dial-default 10
     * @dial-min 3
     * @dial-max 32
     * @dial-step 1
     */
    lod?: number;
    /**
     * @dial geometry
     * @dial-dtype number
     * @dial-min 0.01
     * @dial-step 0.01
     */
    headScale?: number;
    /**
     * @dial appearance
     * @dial-dtype color
     */
    color?: string | Color;
    /**
     * @dial appearance
     * @dial-dtype number
     * @dial-min 0
     * @dial-max 1
     * @dial-step 0.01
     */
    opacity?: number;
    /**
     * @dial appearance
     * @dial-dtype boolean
     * @dial-default false
     */
    wireframe?: boolean;
    /**
     * @dial visibility
     * @dial-dtype boolean
     * @dial-default false
     */
    hide?: boolean;
};
export declare function CoordsMarker({ matrix, position, rotation, quaternion, scale, headScale, lod, color, opacity, wireframe, hide, }: CoordsMarkerProps): import("react/jsx-runtime").JSX.Element;