import * as React from "react";
export interface ContextLayoutProps {
    /** The main chart (renders at full size in the primary slot) */
    children: React.ReactNode;
    /** Context chart(s) displayed alongside the primary chart */
    context: React.ReactNode;
    /** Position of the context panel. Default: "right" */
    position?: "right" | "left" | "bottom" | "top";
    /** Size of the context panel in pixels. Default: 250 */
    contextSize?: number;
    /** Gap between primary and context panels in pixels. Default: 12 */
    gap?: number;
    /** CSS class for the layout container */
    className?: string;
    /** Inline style overrides */
    style?: React.CSSProperties;
}
/**
 * ContextLayout — places a primary chart alongside one or more context charts.
 *
 * The primary chart fills available space while the context panel has a fixed
 * width (or height for top/bottom). Context charts should use `mode="context"`
 * for compact rendering without axes or labels.
 *
 * ```tsx
 * <ContextLayout
 *   context={<Treemap data={hierarchy} mode="context" responsiveWidth colorByDepth />}
 *   position="right"
 *   contextSize={250}
 * >
 *   <LineChart data={timeSeries} xAccessor="time" yAccessor="value" responsiveWidth />
 * </ContextLayout>
 * ```
 */
export declare function ContextLayout({ children, context, position, contextSize, gap, className, style, }: ContextLayoutProps): React.JSX.Element;
export declare namespace ContextLayout {
    var displayName: string;
}
