import React from 'react';
import { type ActivityIndicatorProps, type ViewStyle } from 'react-native';
import { type NativeProps } from '../specs/components/InlineMessageNativeComponent';
import type { InAppMessage } from '../types';
/**
 * Props for the InlineInAppMessageView component.
 */
/** @public */
export interface InlineInAppMessageViewProps extends Omit<NativeProps, 'onSizeChange' | 'onStateChange' | 'onActionClick'> {
    /** Custom loading component to display while message is loading */
    loadingComponent?: React.ReactNode;
    /** Props for the default ActivityIndicator with optional minimum height */
    loadingIndicatorProps?: ActivityIndicatorProps & {
        /** Minimum height for the loading state (default: 36) */
        minimumHeight?: number;
    };
    /** Custom styles for the loading container */
    loadingContainerStyle?: ViewStyle;
    /** Callback triggered when a user clicks an action button in the inline message */
    onActionClick?: (message: InAppMessage, actionValue: string, actionName: string) => void;
}
/**
 * A React Native component for displaying inline in-app messages with animated sizing
 * and customizable loading states.
 *
 * @example
 * ```tsx
 * <InlineInAppMessageView
 *   elementId="my-message"
 *   loadingIndicatorProps={{ minimumHeight: 50 }}
 *   style={{ width: '100%' }}
 *   onActionClick={(message, actionValue, actionName) => {
 *     console.log('Action clicked:', { message, actionValue, actionName });
 *   }}
 * />
 * ```
 */
/** @public */
declare const InlineInAppMessageView: React.FC<InlineInAppMessageViewProps>;
export default InlineInAppMessageView;
//# sourceMappingURL=InlineInAppMessageView.d.ts.map