/*! Strand UI | MIT License | dillingerstaffing.com */
import type { JSX } from "preact";
export type MapLegendCategory = "tech" | "health" | "trades" | "finance";
export interface MapLegendItem {
    /** Sector dot to draw. */
    category: MapLegendCategory;
    label: string;
    /** Makes the row a filter button. */
    onSelect?: () => void;
}
export interface MapLegendProps extends JSX.HTMLAttributes<HTMLDivElement> {
    /** Overline heading. */
    title?: string;
    items: MapLegendItem[];
    className?: string;
}
/**
 * Category key for a map on an instrument viewport; a row is a button only when it filters.
 *
 * @example
 * <MapLegend items={[{ category: "tech", label: "Technology", onSelect: () => filter("tech") }]} />
 */
export declare const MapLegend: import("preact").FunctionalComponent<import("preact/compat").PropsWithoutRef<MapLegendProps> & {
    ref?: import("preact").Ref<HTMLDivElement> | undefined;
}>;
//# sourceMappingURL=MapLegend.d.ts.map