import "./stepper.css";
import type * as React from "react";
import { useRender } from "@base-ui/react/use-render";
import { type PartAccessor, type StyleProps } from "./style_props";
import type { StepStatus } from "./stepper";
import { type InkColor } from "./text_ink";
/** The node's own anatomy — a part of `stepper.css`, wherever it is rendered. */
export type MarkerPart = "marker" | "pulse" | "bar";
interface MarkerProps extends StyleProps {
    status: StepStatus;
    /** The reached node's ink ROLE. Defaults to the run's own. */
    color?: InkColor;
    live?: boolean;
    ref?: React.Ref<HTMLElement>;
    render?: useRender.RenderProp;
}
/**
 * The node — status drives the mark, never size. Monochrome: the current step is
 * a thick ring in the run's ink (pulsing when `live`), a step passed and reported
 * is a ring spending that ink on a check, a step TICKED fills, and what's ahead
 * is a faint grey ring.
 *
 * Its own module because `AgentRun` reuses the same dot in its flat activity
 * rows.
 */
export declare function Marker({ status, color, live, render, ref, ...props }: MarkerProps): React.JSX.Element;
/** The same node drawn into a LARGER anatomy — a `Step` passes its own accessor. */
export declare function MarkerFace({ part, status, live, color, render, ref }: {
    part: PartAccessor<MarkerPart>;
    status: StepStatus;
    live: boolean;
    color?: InkColor;
    render?: useRender.RenderProp;
    ref?: React.Ref<HTMLElement>;
}): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
export {};