import * as THREE from 'three';
import React from 'react';
export declare const lineWidth = 0.25;
export declare const pointSize = 0.6;
export declare const arcWidth = 0.25;
export declare const radSegments = 32;
export declare const tubeSegments = 6;
export declare type commonProps = {
    materialProps?: JSX.IntrinsicElements['meshBasicMaterial'];
    meshProps?: JSX.IntrinsicElements['mesh'];
};
export declare const Line: React.FC<{
    start: THREE.Vector3;
    end: THREE.Vector3;
    width?: number;
} & commonProps>;
export declare const Point: React.FC<{
    position: THREE.Vector3;
    size?: number;
} & commonProps>;
export declare const Arc: React.FC<{
    start: THREE.Vector3;
    end: THREE.Vector3;
    center: THREE.Vector3;
    clockwise: boolean;
    width?: number;
    scale?: number;
} & commonProps>;
export declare const Circle: React.FC<{
    center: THREE.Vector3;
    radius: number;
    width?: number;
    scale?: number;
} & commonProps>;