import { default as React } from 'react';
export interface ActionBannerProps {
    /** Banner title */
    title: string;
    /** Banner description/message */
    description?: string;
    /** Variant determines the color scheme */
    variant?: 'info' | 'success' | 'warning' | 'error';
    /** Icon to display (React node, typically from @heroicons/react) */
    icon?: React.ReactNode;
    /** Action button configuration */
    action?: {
        label: string;
        onClick: () => void;
        icon?: React.ReactNode;
    };
    /** Secondary action (optional) */
    secondaryAction?: {
        label: string;
        onClick: () => void;
    };
    /** Whether the banner can be dismissed */
    dismissible?: boolean;
    /** Callback when dismissed */
    onDismiss?: () => void;
    /** Additional className */
    className?: string;
}
/**
 * ActionBanner Component
 *
 * A banner with icon, title, description, and optional action buttons.
 * Useful for alerts that require user action (upgrade, fix, acknowledge).
 *
 * @example
 * ```tsx
 * <ActionBanner
 *   variant="warning"
 *   icon={<AlertCircle className="w-5 h-5" />}
 *   title="Rate Limit Reached"
 *   description="You've reached your API rate limit for this billing period."
 *   action={{
 *     label: "Upgrade Plan",
 *     onClick: () => navigate('/upgrade'),
 *     icon: <ArrowUpRight className="w-4 h-4" />
 *   }}
 * />
 * ```
 */
export declare const ActionBanner: React.FC<ActionBannerProps>;
//# sourceMappingURL=action-banner.d.ts.map