import { type LayoutStyle } from "../../style/index.js"; import { type StackedSegment } from "../shared/types.js"; export interface StackedBarProps { segments: StackedSegment[]; /** What the bar measures (e.g. "Traffic sources"); leads the accessible name. */ label?: string; /** Hide the legend (the labelled dots below the bar). */ hideLegend?: boolean; /** A two-column legend with separate right-aligned share readouts. */ detailed?: boolean; /** The series to identify in a shared comparison legend. Defaults to this strip. */ legendSegments?: StackedSegment[]; /** Paint the unfilled remainder as a muted rail, so a bar whose segments sum * to zero still reads as a bar rather than as blank space. A composition of * nothing (an empty queue, a metric at zero) is a real state to draw, and * without the rail it draws as an absence. */ track?: boolean; /** A 24 px strip instead of the default 8 px pill; capacity strips use 14 px bands. */ tall?: boolean; /** Draw the segments as washes of their ramp colours rather than at full * strength. For a bar that supports a headline rather than being one (the * strip under a metric's value), where a solid bar outweighs everything * around it. */ subtle?: boolean; /** * The capacity the segments are shares of (100 GB of storage): each segment is its value * over `max`, and the room left is drawn as one remainder segment on the raised surface * fill, left out of the legend. Omit to split the strip by the segments' own total. A * `max` under the segments' total is ignored. */ max?: number; /** E2E hook forwarded to the root element. */ testID?: string; /** For sizing/composition only. */ style?: LayoutStyle; } /** One proportional bar split into colored segments, with a legend of shares. */ export declare function StackedBar({ segments, label, hideLegend, track, tall, subtle, max, detailed, legendSegments, testID, style }: StackedBarProps): import("react").JSX.Element; //# sourceMappingURL=stacked-bar.shared.d.ts.map