/**
 * Panel Component
 *
 * Unified content container with embedded title in top border and optional footer in bottom border.
 * Replaces inconsistent ad-hoc bordered boxes throughout the app.
 *
 * @since v2.7.2 - New unified panel system
 */
import type React from 'react';
import type { ReactNode } from 'react';
export interface PanelProps {
    children: ReactNode;
    title?: string;
    variant?: 'default' | 'primary' | 'danger' | 'success' | 'info';
    focused?: boolean;
    footer?: string;
    width?: number | string;
    padding?: 'none' | 'sm' | 'md';
}
declare function Panel({ children, title, variant, focused, footer, width, padding }: PanelProps): React.ReactElement;
declare namespace Panel {
    var Section: typeof PanelSection;
    var Divider: typeof PanelDivider;
}
declare function PanelSection({ title, children, }: {
    title: string;
    children: ReactNode;
}): React.ReactElement;
declare function PanelDivider({ width }: {
    width?: number;
}): React.ReactElement;
export { Panel };
//# sourceMappingURL=Panel.d.ts.map