import { ExtendedPosition, AbstractConfigurablePlugin, utils, Viewer } from '@photo-sphere-viewer/core';

type CompassHotspot = ExtendedPosition & {
    /**
     * override the global "hotspotColor"
     */
    color?: string;
};
type CompassPluginConfig = {
    /**
     * size of the compass
     * @default '120px'
     */
    size?: string;
    /**
     * position of the compass
     * @default 'top left'
     */
    position?: string | [string, string];
    /**
     * SVG used as background of the compass
     */
    backgroundSvg?: string;
    /**
     * color of the cone of the compass
     * @default 'rgba(255, 255, 255, 0.5)'
     */
    coneColor?: string;
    /**
     * allows to click on the compass to rotate the viewer
     * @default true
     */
    navigation?: boolean;
    /**
     * Reset viewer pitch to `defaultPitch` when using the compass navigation
     * @default false
     */
    resetPitch?: boolean;
    /**
     * color of the navigation cone
     * @default 'rgba(255, 0, 0, 0.2)'
     */
    navigationColor?: string;
    /**
     * small dots visible on the compass (will contain every marker with the "compass" data)
     */
    hotspots?: CompassHotspot[];
    /**
     * default color of hotspots
     * @default 'rgba(0, 0, 0, 0.5)'
     */
    hotspotColor?: string;
    /**
     * CSS class(es) added to the compass element.
     */
    className?: string;
};
type ParsedCompassPluginConfig = Omit<CompassPluginConfig, 'position'> & {
    position: [string, string];
};

/**
 * Adds a compass on the viewer
 */
declare class CompassPlugin extends AbstractConfigurablePlugin<CompassPluginConfig, ParsedCompassPluginConfig> {
    static readonly id = "compass";
    static readonly VERSION: string;
    static readonly configParser: utils.ConfigParser<CompassPluginConfig, ParsedCompassPluginConfig>;
    private markers?;
    private readonly component;
    constructor(viewer: Viewer, config: CompassPluginConfig);
    setOptions(options: Partial<CompassPluginConfig>): void;
    /**
     * Hides the compass
     */
    hide(): void;
    /**
     * Shows the compass
     */
    show(): void;
    /**
     * Changes the hotspots on the compass
     */
    setHotspots(hotspots: CompassHotspot[] | null): void;
    /**
     * Removes all hotspots
     */
    clearHotspots(): void;
}

export { type CompassHotspot, CompassPlugin, type CompassPluginConfig, type ParsedCompassPluginConfig };