import { type Message, type User } from 'oceanic.js';
import React from 'react';
import type { RenderMessageContext } from '..';
import type { Profile } from '../../types';
export default function SystemMessage({ message, context }: {
    message: Message;
    context: RenderMessageContext;
}): Promise<React.JSX.Element | undefined>;
export declare function Highlight({ children, color }: {
    children: React.ReactNode;
    color?: string;
}): React.JSX.Element;
export declare function JoinMessage({ member, color, fallbackUser }: {
    member: Profile;
    color: string;
    fallbackUser: User;
}): (string | React.JSX.Element)[];