import { ComponentProps } from 'react';
type FlowConnectorVariant = "flow" | "dot";
type FlowConnectorLineStyle = "dashed" | "dotted";
type FlowConnectorClusterSide = "start" | "end";
type FlowConnectorProps = {
    /**
     * SVG path strings to render. Each path should fit in the 0-100
     * `viewBox`. Use `computeFlowPaths` to generate them analytically.
     */
    paths: readonly string[];
    /**
     * Animation style. `flow` drifts the dashed pattern uniformly along
     * every path. `dot` runs a circular packet along each path on top of
     * a static track. Defaults to `flow`.
     */
    variant?: FlowConnectorVariant;
    /**
     * Stroke pattern. `dashed` is the default for `flow`; `dotted` is the
     * default for `dot`. Override to mix and match.
     */
    lineStyle?: FlowConnectorLineStyle;
    /**
     * Which end of the path strings holds the single-point cluster. When
     * set, the stroke fades to transparent at that end so multiple paths
     * meeting there don't compound their opacity into a visible blob.
     */
    clusterSide?: FlowConnectorClusterSide;
    /**
     * When false, paths render statically. Defaults to true.
     */
    animated?: boolean;
} & Omit<ComponentProps<"svg">, "children">;
/**
 * Animated SVG connector for `FlowDiagram`. Renders each path as a
 * single clean dashed (or dotted) stroke. The atom is dumb — it draws
 * whatever path strings it's handed; `computeFlowPaths` decides the
 * geometry.
 *
 * Color defaults to `text-success`; override via `className` with any
 * `text-*` token to retheme.
 *
 * Reduced-motion is honored automatically: `motion-reduce:animate-none`
 * stops every animated stroke.
 */
declare function FlowConnector({ paths, className, variant, lineStyle, clusterSide, animated, ...props }: FlowConnectorProps): import("react/jsx-runtime").JSX.Element;
export { FlowConnector };
export type { FlowConnectorClusterSide, FlowConnectorLineStyle, FlowConnectorProps, FlowConnectorVariant, };
//# sourceMappingURL=flow-connector.d.ts.map