import { StoryObj } from '@storybook/react';
import { BenchmarkGauge } from '../BenchmarkGauge';
import { BenchmarkGaugeMarkerType, MarkerRenderContext } from '../types';
export type Story = StoryObj<typeof BenchmarkGauge>;
export declare const testValues: {
    readonly min: 0;
    readonly max: 100;
    readonly low: 20;
    readonly mid: 50;
    readonly high: 80;
    readonly edgeMin: 0;
    readonly edgeMax: 100;
    readonly nearEdge: 88;
};
export declare const twoMarkers: BenchmarkGaugeMarkerType[];
export declare const threeMarkers: BenchmarkGaugeMarkerType[];
export declare const progressMarkers: BenchmarkGaugeMarkerType[];
export declare const defaultProps: {
    readonly min: 0;
    readonly max: 100;
    readonly markers: BenchmarkGaugeMarkerType[];
    readonly 'aria-label': "Benchmark gauge";
};
/**
 * Returns all BenchmarkGaugeMarker elements from the canvas for play-function
 * assertions. Horizontal markers carry an inline `left` style; vertical markers
 * carry `bottom`. Only BenchmarkGaugeMarker sets these positional inline styles,
 * making this a stable selector that does not depend on hashed CSS-module class names.
 */
export declare function getMarkers(canvasElement: HTMLElement, orientation?: 'horizontal' | 'vertical'): Element[];
export declare const insideStartLabel: import("react/jsx-runtime").JSX.Element;
export declare const insideEndLabel: import("react/jsx-runtime").JSX.Element;
export declare function PlainLegendContent({ label, value }: {
    label: string;
    value: number;
}): import("react/jsx-runtime").JSX.Element;
export declare function StubCard({ ctx }: {
    ctx: MarkerRenderContext;
}): import("react/jsx-runtime").JSX.Element;
export declare function TextPin({ label }: {
    label: string;
}): import("react/jsx-runtime").JSX.Element;
export declare function pinColor(rankIndex: number, rankCount: number): string;
export declare const RankedPin: Story['args']['markers'][number]['renderPin'];
