import { default as React } from 'react';
import { StatusLevel } from '../../utils';
import { AstroIconName } from './AstroIcon';
export interface HeaderIconWithStatusProps {
    /** Astro icon name */
    icon: AstroIconName | string;
    /** Icon size in pixels */
    size?: number;
    /** Status level */
    status: StatusLevel;
    /** Custom status color (optional - defaults to theme status color) */
    statusColor?: string;
    /** Override light theme detection */
    isLightTheme?: boolean;
    /** Additional CSS class */
    className?: string;
    /** Additional inline styles */
    style?: React.CSSProperties;
}
/**
 * HeaderIconWithStatus - Card/Chart header icon with status indicator
 *
 * Follows MonitoringIcon pattern exactly:
 * - Icon colored by status
 * - Status symbol at top-left with transform offset
 * - Glow in dark mode, border in light mode
 *
 * @example
 * ```tsx
 * <HeaderIconWithStatus
 *   icon="satellite-transmit"
 *   status="normal"
 *   size={24}
 * />
 * ```
 */
export declare const HeaderIconWithStatus: React.NamedExoticComponent<HeaderIconWithStatusProps>;
export default HeaderIconWithStatus;