/**
 * Grid Component (MUI Box with CSS Grid)
 * Maps GridDSL to MUI Box with grid layout
 *
 * Note: All props are already processed by ComponentRenderer:
 * - ResponsiveValue types resolved to actual values
 * - Spacing values resolved to CSS values
 */
import type { ReactNode, CSSProperties } from 'react';
/**
 * Grid component props (adapter layer)
 *
 * These props are already processed by ComponentRenderer.
 * ResponsiveValue types are kept here because the component handles
 * responsive resolution internally using useBreakpoint hook.
 */
export interface GridProps {
    /** Column definition (number or CSS grid-template-columns string) */
    columns?: number | string | Record<string, number | string>;
    /** Row definition (CSS grid-template-rows string) */
    rows?: string | Record<string, string>;
    /** Gap between rows and columns */
    gap?: string | number;
    /** Gap between rows only */
    rowGap?: string | number;
    /** Gap between columns only */
    columnGap?: string | number;
    /** CSS class name */
    className?: string;
    /** Inline styles */
    style?: CSSProperties;
    /** Children */
    children?: ReactNode;
}
export declare function Grid({ children, columns, rows, gap, rowGap, columnGap, className, style, }: GridProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=Grid.d.ts.map