/**
 * CondensedModule
 * A condensed component view with summary display and optional popout for detailed editing
 * Follows Figma-like patterns for space-efficient UI
 */
import React from 'react';
import { HeaderAction } from './ComponentHeader';
import type { EditorIconName } from '../styles/EditorIcon';
export interface CondensedModuleProps {
    /** Title for the module */
    title: string;
    /** Optional icon */
    icon?: EditorIconName;
    /** Optional description for tooltip */
    description?: string;
    /** Summary text/node shown in condensed view */
    summary?: React.ReactNode;
    /** Children rendered in expanded/popout view */
    children: React.ReactNode;
    /** Actions for the header (excluding add) */
    actions?: HeaderAction[];
    /** Add action handler */
    onAdd?: () => void;
    /** Tooltip for add action */
    addTooltip?: string;
    /** Whether to show expanded inline instead of popout */
    expandInline?: boolean;
    /** Default expanded state (for inline mode) */
    defaultExpanded?: boolean;
    /** Popout modal width */
    popoutWidth?: number | string;
    /** Help text shown below summary */
    helpText?: string;
}
/**
 * CondensedModule provides a compact summary view with expand/popout capability.
 * In inline mode, it expands within the same panel.
 * In popout mode (default), it opens a modal for detailed editing.
 */
export declare function CondensedModule({ title, icon, description, summary, children, actions, onAdd, addTooltip, expandInline, defaultExpanded, popoutWidth, helpText, }: CondensedModuleProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=CondensedModule.d.ts.map