import { ReactNode } from 'react';
import { Feature, FeatureCollection } from '@peripleo/peripleo';
import { HoverState } from '../../hooks';
interface SymbolLayerProps<T extends {
    [key: string]: any;
}> {
    data: FeatureCollection<T> | string;
    id: string;
    interactive?: boolean;
    size?: number;
    symbol?: string;
    symbolsMap?: {
        [id: string]: string;
    };
    symbolsProperty?: string;
    tooltip?(hoverState: HoverState<Feature<T>>): ReactNode;
}
/**
 * For the general pattern, see:
 * https://maplibre.org/maplibre-gl-js/docs/examples/add-image/
 */
export declare const SymbolLayer: <T extends {
    [key: string]: any;
}>(props: SymbolLayerProps<T>) => import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=SymbolLayer.d.ts.map