import * as THREE from 'three';
import React from 'react';
export declare const lineWidth = 0.2;
export declare const pointSize = 0.5;
export declare const arcWidth = 0.2;
export declare const radSegments = 32;
export declare const tubeSegments = 6;
declare type commonProps = {
    scale?: number;
    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 function getArcAngles(params: {
    start: THREE.Vector3;
    end: THREE.Vector3;
    center: THREE.Vector3;
    clockwise: boolean;
    radius: number;
}): {
    center: THREE.Vector3;
    mid: THREE.Vector3;
    radius: number;
    startAngle: number;
    endAngle: number;
    bulge: number;
};
export declare const Arc: React.FC<{
    start: THREE.Vector3;
    end: THREE.Vector3;
    center: THREE.Vector3;
    clockwise: boolean;
    width?: number;
} & commonProps>;
export declare const Circle: React.FC<{
    center: THREE.Vector3;
    radius: number;
    width?: number;
} & commonProps>;
export {};
