/**
 * PhaseHeader - Current phase indicator for multi-step workflows
 *
 * Displays the current phase with a horizontal line border.
 * Format: ━━━ Phase X of Y: PhaseName ━━━
 */
import React from 'react';
/**
 * Props for the PhaseHeader component
 */
export interface PhaseHeaderProps {
    /** Current phase number (1-based) */
    currentPhase: number;
    /** Total number of phases */
    totalPhases: number;
    /** Name of the current phase */
    phaseName: string;
}
/**
 * PhaseHeader component
 *
 * Shows the current phase progress with surrounding horizontal lines.
 * Uses Simpson yellow for visibility.
 *
 * @example
 * ```tsx
 * <PhaseHeader
 *   currentPhase={2}
 *   totalPhases={4}
 *   phaseName="Understanding Requirements"
 * />
 * // Renders: ━━━ Phase 2 of 4: Understanding Requirements ━━━
 * ```
 */
export declare function PhaseHeader({ currentPhase, totalPhases, phaseName, }: PhaseHeaderProps): React.ReactElement;