import React from "react";
export interface GoldenRatioItem {
    id: string;
    content: React.ReactNode;
    priority?: number;
    category?: string;
    aspectRatio?: number;
    minSize?: {
        width: number;
        height: number;
    };
    maxSize?: {
        width: number;
        height: number;
    };
    metadata?: Record<string, unknown>;
}
export interface GoldenRatioSection {
    width: number;
    height: number;
    x: number;
    y: number;
    item?: GoldenRatioItem;
    level: number;
    ratio: number;
}
export interface GlassGoldenRatioGridProps {
    items: GoldenRatioItem[];
    containerWidth?: number;
    containerHeight?: number;
    goldenRatio?: number;
    subdivisionLevels?: number;
    spacing?: number;
    animateLayout?: boolean;
    showGrid?: boolean;
    showRatioLines?: boolean;
    showEmptyLabels?: boolean;
    responsive?: boolean;
    onItemClick?: (item: GoldenRatioItem) => void;
    onItemHover?: (item: GoldenRatioItem | null) => void;
    onLayoutChange?: (sections: GoldenRatioSection[]) => void;
    glassConfig?: {
        blur?: number;
        opacity?: number;
        saturation?: number;
        brightness?: number;
        contrast?: number;
    };
    soundEnabled?: boolean;
    compact?: boolean;
    contained?: boolean;
    maxHeight?: number | string;
    className?: string;
    style?: React.CSSProperties;
}
export declare const GlassGoldenRatioGrid: React.ForwardRefExoticComponent<GlassGoldenRatioGridProps & React.RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=GlassGoldenRatioGrid.d.ts.map