/**
 * LogLineBadges — React badge components for log lines.
 *
 * Styled badge components using centralized Terminal tokens for
 * consistent log-level coloring across the terminal UI.
 * All badge components are memoized for optimal performance.
 *
 * @module @mks2508/mks-ui/react/blocks/Terminal/components/LogLineBadges
 */
import type { ILevelBadgeProps, ITimestampBadgeProps, ITagBadgeProps, ITagBadgesProps, IContentTypeBadgeProps, ILogLineContainerProps } from './LogLineBadges.types';
export type { ILevelBadgeProps, ITimestampBadgeProps, ITagBadgeProps, ITagBadgesProps, IContentTypeBadgeProps, ILogLineContainerProps, } from './LogLineBadges.types';
export { logLineBadgesStyles } from './LogLineBadges.styles';
export type { LogLineBadgesSlot } from './LogLineBadges.styles';
/**
 * Level badge component (memoized).
 *
 * Displays a colored badge with the log level label.
 * Uses centralized LOG_LEVEL_STYLES from Terminal tokens.
 *
 * @example
 * ```tsx
 * <LevelBadge level="info" />
 * // Renders: [INFO] with blue background
 * ```
 */
export declare const LevelBadge: import("react").MemoExoticComponent<({ level, className }: ILevelBadgeProps) => React.JSX.Element>;
/**
 * Timestamp badge component (memoized).
 *
 * Displays a timestamp with muted styling and tabular numbers.
 *
 * @example
 * ```tsx
 * <TimestampBadge timestamp="22:41:03" />
 * ```
 */
export declare const TimestampBadge: import("react").MemoExoticComponent<({ timestamp, className }: ITimestampBadgeProps) => React.JSX.Element>;
/**
 * Tag badge component (memoized).
 *
 * Displays a component tag (e.g., "API", "ROUTES").
 * Truncates long tags to 12 characters.
 *
 * @example
 * ```tsx
 * <TagBadge tag="WORKSPACEMANAGER" />
 * ```
 */
export declare const TagBadge: import("react").MemoExoticComponent<({ tag, className }: ITagBadgeProps) => React.JSX.Element>;
/**
 * Tag badges container component (memoized).
 *
 * Displays multiple tag badges with consistent spacing.
 *
 * @example
 * ```tsx
 * <TagBadges tags={['API', 'ROUTES']} />
 * ```
 */
export declare const TagBadges: import("react").MemoExoticComponent<({ tags, className }: ITagBadgesProps) => React.JSX.Element | null>;
/**
 * Content type badge component (memoized).
 *
 * Displays a colored badge indicating the content type of a log entry.
 * HTTP entries show the actual method (GET, POST, etc.).
 * Returns null for 'plain' content type.
 *
 * @example
 * ```tsx
 * <ContentTypeBadge contentType="http" httpMethod="GET" />
 * <ContentTypeBadge contentType="json" />
 * ```
 */
export declare const ContentTypeBadge: import("react").MemoExoticComponent<({ contentType, httpMethod, className, }: IContentTypeBadgeProps) => React.JSX.Element | null>;
/**
 * Log line container component.
 *
 * Provides consistent styling and structure for log lines.
 *
 * @example
 * ```tsx
 * <LogLineContainer level="info" lineNumber={42}>
 *   <LevelBadge level="info" />
 *   <span>Log message here</span>
 * </LogLineContainer>
 * ```
 */
export declare function LogLineContainer({ level, lineNumber, isContinuation, className, children, }: ILogLineContainerProps): React.JSX.Element;
//# sourceMappingURL=index.d.ts.map