import * as React from "react";
export type ChartEmphasis = "primary" | "secondary";
export interface ChartGridProps {
    /** Chart components to arrange in the grid */
    children: React.ReactNode;
    /** Number of columns. Default: "auto" (auto-fill based on minCellWidth) */
    columns?: number | "auto";
    /** Minimum cell width for auto columns. Default: 300 */
    minCellWidth?: number;
    /** Gap between cells in pixels. Default: 16 */
    gap?: number;
    /** CSS class for the grid container */
    className?: string;
    /** Inline style overrides */
    style?: React.CSSProperties;
}
/**
 * ChartGrid — responsive grid layout for multiple Semiotic charts.
 *
 * Arranges child charts in a CSS Grid that reflows based on available space.
 * Each cell automatically gets `responsiveWidth` behavior since the grid
 * manages the cell dimensions.
 *
 * Children can set `emphasis="primary"` to span two columns and receive
 * higher visual weight, following the F-pattern reading layout recommended
 * by Carbon Design guidelines.
 *
 * ```tsx
 * <ChartGrid columns={2}>
 *   <LineChart data={d} emphasis="primary" responsiveWidth />
 *   <BarChart data={d} responsiveWidth />
 *   <ScatterChart data={d} responsiveWidth />
 * </ChartGrid>
 * ```
 */
export declare function ChartGrid({ children, columns, minCellWidth, gap, className, style, }: ChartGridProps): import("react/jsx-runtime").JSX.Element;
export declare namespace ChartGrid {
    var displayName: string;
}
