/**
 * StatusLine - Horizontal pipe-separated status display
 *
 * Replaces heavy PhaseHeader with a compact, Claude Code-style status line.
 * Format: Action │ Phase (X/Y) │ Path
 */
import React from 'react';
/**
 * Props for the StatusLine component
 */
export interface StatusLineProps {
    /** Main action name (e.g., "Initialize Project", "New Spec") */
    action: string;
    /** Current phase with progress (e.g., "Analysis (4/5)") */
    phase?: string;
    /** Path or context info (e.g., working directory or feature name) */
    path?: string;
    /** Extra trailing segment (e.g., "review: auto") */
    extra?: string;
}
/**
 * StatusLine component
 *
 * Displays a horizontal, pipe-separated status line for tracking progress.
 * More compact and professional than centered phase headers.
 *
 * @example
 * ```tsx
 * <StatusLine
 *   action="Initialize Project"
 *   phase="Analysis (4/5)"
 *   path="/Users/name/project"
 * />
 * // Renders: Initialize Project │ Analysis (4/5) │ /Users/name/project
 * ```
 */
export declare function StatusLine({ action, phase, path, extra, }: StatusLineProps): React.ReactElement;