/*********************************************************************
* © Copyright IBM Corp. 2024
*********************************************************************/
import React from 'react';
export interface SearchHeaderProps {
    query?: string;
    onQueryChange?: (query: string) => void;
}
export declare const SearchHeader: ({ query: queryProp, onQueryChange }: SearchHeaderProps) => React.JSX.Element;
export interface MessageRowProps {
    showDetails?: boolean;
    item: {
        id: string;
        message?: string;
        eventType?: string;
        area?: string;
        processName?: string;
        discriminator1?: string;
        discriminator2?: string;
        payload?: Record<string, any>;
    };
}
export declare const MessageDetailsTableView: React.FC<{
    properties: Record<string, any>;
}>;
export declare const MessageDetailsJsonView: React.FC<{
    properties: Record<string, any>;
}>;
export declare const MessageDetails: React.FC<{
    showDetails: boolean;
    tableView: React.ReactChild;
    jsonView: React.ReactChild;
}>;
export declare const MessageRow: React.FC<MessageRowProps & {
    messageDetailsView?: React.ReactChild;
}>;