/**
 * Widget Container Component
 *
 * Grid layout container for rendering widgets in a responsive
 * multi-column layout with tier-gating and drag-drop support.
 *
 * @since v1.56.0
 */
import type React from 'react';
import type { Tier } from '../../core/types/auth.js';
import { type DashboardLayout, type WidgetState } from './widget-types.js';
/**
 * Widget container props
 */
export interface WidgetContainerProps {
    /** Dashboard layout to render */
    layout: DashboardLayout;
    /** User's tier */
    tier: Tier;
    /** Terminal width */
    terminalWidth: number;
    /** Terminal height */
    terminalHeight: number;
    /** Widget states from persistence */
    widgetStates?: Record<string, Partial<WidgetState>>;
    /** Callback when a widget state changes */
    onWidgetStateChange?: (widgetId: string, state: Partial<WidgetState>) => void;
    /** Callback when layout changes (widget moved, etc.) */
    onLayoutChange?: (layout: DashboardLayout) => void;
    /** Whether the dashboard is in edit mode */
    editMode?: boolean;
    /** Currently focused widget ID */
    focusedWidgetId?: string;
    /** Callback when widget receives focus */
    onWidgetFocus?: (widgetId: string) => void;
}
/**
 * Widget container component
 */
export declare function WidgetContainer({ layout, tier, terminalWidth, terminalHeight, widgetStates, onWidgetStateChange, onLayoutChange, editMode, focusedWidgetId, onWidgetFocus, }: WidgetContainerProps): React.ReactElement;
/**
 * Compact dashboard view for limited space
 */
export interface CompactDashboardProps {
    layout: DashboardLayout;
    tier: Tier;
    terminalWidth: number;
}
export declare function CompactDashboard({ layout, tier, terminalWidth }: CompactDashboardProps): React.ReactElement;
export default WidgetContainer;
//# sourceMappingURL=WidgetContainer.d.ts.map