import { Path } from 'd3-path';
export declare function ColumnBox(props: any): import('react').FunctionComponentElement<import('ui-box').BoxProps<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>>>;
export interface ClippableRectProps {
    x: number;
    y: number;
    width: number;
    height: number;
    /** Draw a zig-zag (torn) edge on the top, e.g. for a clipped unit. */
    overflowTop?: boolean;
    /** Draw a zig-zag (torn) edge on the bottom. */
    overflowBottom?: boolean;
    [key: string]: any;
}
/**
 * A rectangular column box rendered as an SVG `<path>`, with optional zig-zag
 * (torn) top/bottom edges for content clipped to a range. It always renders a
 * `path` (a plain rectangle when neither edge overflows), so the element type
 * never changes as clip state toggles — this keeps React from remounting the
 * node during age-window animations, which is essential for smooth transitions.
 *
 * Presentational only: it applies whatever `className` it is given. Callers in
 * CSS-module contexts should pass the already-resolved class name.
 */
export declare const ClippableRect: import('react').ForwardRefExoticComponent<Omit<ClippableRectProps, "ref"> & import('react').RefAttributes<SVGPathElement>>;
export declare function zigZagBoxPath(x: any, y: any, width: any, height: any, top: boolean, bottom: boolean): string;
export declare function drawZigZagAtConstantHeight(d: Path, x0: any, x1: any, y: any): void;