import React from "react";
export interface PageHeaderProps {
    /**
     * Icon to display in the header. Can be any React node (SVG icon, image, etc.)
     */
    icon?: React.ReactNode;
    /**
     * Main title text
     */
    title: string;
    /**
     * Optional subtitle/description text displayed below the title
     */
    description?: string;
    /**
     * Optional className for the root container
     */
    className?: string;
    /**
     * Optional className for the icon container
     */
    iconClassName?: string;
    /**
     * Optional className for the title
     */
    titleClassName?: string;
    /**
     * Optional className for the description
     */
    descriptionClassName?: string;
    /**
     * Size variant for the header
     * - default: Large header with full padding (px-8 pt-10 pb-6)
     * - compact: Medium header (px-6 py-4)
     */
    variant?: "default" | "compact";
    /**
     * Whether to show the icon in a styled container box (default: true)
     * If false, the icon will be displayed inline without the black box
     */
    showIconBox?: boolean;
}
/**
 * Reusable page header component with icon, title, and optional description.
 * Used for consistent page headers across the application.
 */
export declare function PageHeader({ icon, title, description, className, iconClassName, titleClassName, descriptionClassName, variant, showIconBox, }: PageHeaderProps): import("react/jsx-runtime").JSX.Element;
