/**
 * SummaryBox - Bordered box wrapper for enhanced run summary
 *
 * Draws a bordered box using box-drawing characters that adapts to
 * terminal width. Provides section separators and content padding.
 */
import React from 'react';
/** Maximum box width to prevent layout conflicts with other components */
export declare const MAX_BOX_WIDTH = 80;
/** Border overhead: left border + padding + padding + right border = 4 chars */
export declare const BOX_BORDER_OVERHEAD = 4;
export interface SummaryBoxProps {
    /** Child content to render inside the box */
    children: React.ReactNode;
    /** Minimum box width in columns (default: 60) */
    minWidth?: number;
}
/**
 * Props for SummaryBoxSection component
 */
export interface SummaryBoxSectionProps {
    /** Section content */
    children: React.ReactNode;
}
/**
 * SummaryBox component
 *
 * Renders a bordered box with top/bottom borders and section separators.
 * Adapts to terminal width while respecting minimum width.
 *
 * @example
 * ```tsx
 * <SummaryBox>
 *   <Text>Header content</Text>
 *   <SummaryBoxSection>
 *     <Text>Section 1</Text>
 *   </SummaryBoxSection>
 * </SummaryBox>
 * ```
 */
export declare function SummaryBox({ children, minWidth, }: SummaryBoxProps): React.ReactElement;
/**
 * SummaryBoxSection component
 *
 * Marks a section boundary within a SummaryBox. The parent SummaryBox
 * will render a separator line (├─────┤) before this section's content.
 *
 * This is a marker component - the actual rendering is handled by SummaryBox.
 *
 * @example
 * ```tsx
 * <SummaryBox>
 *   <Text>Header</Text>
 *   <SummaryBoxSection>
 *     <Text>Section content</Text>
 *   </SummaryBoxSection>
 * </SummaryBox>
 * ```
 */
export declare function SummaryBoxSection({ children, }: SummaryBoxSectionProps): React.ReactElement;