import type { SxProps } from "@mui/material";
export type LogLevel = "info" | "error" | "warning" | "debug";
export type LogMessage = {
    id: string;
    timestamp: Date;
    message: string;
    level: LogLevel;
};
export type LogViewerProps = {
    /** Log messages to display */
    messages: LogMessage[];
    /** Callback when clear button is clicked */
    onClear?: () => void;
    /** Height of the component */
    height?: string | number;
    /** Additional styles */
    sx?: SxProps;
};
/**
 * Utility function to create a log message
 */
export declare const createLogMessage: (message: string, level: LogLevel, id?: string) => LogMessage;
/**
 * Utility function to create a debug log message
 */
export declare const createDebugMessage: (message: string, id?: string) => LogMessage;
/**
 * Utility function to create an info log message
 */
export declare const createInfoMessage: (message: string, id?: string) => LogMessage;
/**
 * Utility function to create a warning log message
 */
export declare const createWarningMessage: (message: string, id?: string) => LogMessage;
/**
 * Utility function to create an error log message
 */
export declare const createErrorMessage: (message: string, id?: string) => LogMessage;
/**
 * A log viewer component that displays timestamped log messages with different levels.
 * Features a header with document icon and clear button, and scrollable message area.
 */
export declare const LogViewer: ((props: LogViewerProps) => import("react/jsx-runtime").JSX.Element) & {
    displayName: string;
};
//# sourceMappingURL=LogViewer.d.ts.map