/**
 * Grid Component - Lynx 版 MUI Grid
 * 一比一对应 MUI Grid v2
 *
 * 12 列响应式网格布局系统
 * 支持：
 * - container: 容器模式
 * - size: 栅格大小 (1-12, 'auto', 'grow')
 * - spacing: 间距
 * - direction: 排列方向
 * - wrap: 换行模式
 * - offset: 偏移量
 */
import './Grid.css';
export type GridSize = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 'auto' | 'grow' | boolean;
export type GridDirection = 'row' | 'column' | 'row-reverse' | 'column-reverse';
export type GridWrap = 'nowrap' | 'wrap' | 'wrap-reverse';
export interface GridProps {
    /** 子元素 */
    children?: any;
    /** 自定义类名 */
    className?: string;
    /** 内联样式 */
    style?: Record<string, any>;
    /** 是否为容器 */
    container?: boolean;
    /** 栅格大小 */
    size?: GridSize | {
        xs?: GridSize;
        sm?: GridSize;
        md?: GridSize;
        lg?: GridSize;
        xl?: GridSize;
    };
    /** 列数 */
    columns?: number;
    /** 间距 */
    spacing?: number | string;
    /** 行间距 */
    rowSpacing?: number | string;
    /** 列间距 */
    columnSpacing?: number | string;
    /** 排列方向 */
    direction?: GridDirection;
    /** 换行模式 */
    wrap?: GridWrap;
    /** 偏移量 */
    offset?: number | 'auto';
    /** sx 属性 */
    sx?: Record<string, any>;
}
export declare const gridClasses: {
    root: string;
    container: string;
    item: string;
    directionRow: string;
    directionColumn: string;
    wrapWrap: string;
    wrapNowrap: string;
};
export declare function Grid(props: GridProps): JSX.Element;
export default Grid;
//# sourceMappingURL=index.d.ts.map