import { jsx as _jsx } from "react/jsx-runtime";
import { useStyleConfig, vui } from '../core';
import Message from '../message';
import { cs } from '../utils';
const defaultAvatar = {
    variant: 'solidDarkBlue',
    icon: 'cubVeracity',
};
/**
 * Displays a chat interface with messages and actions.
 */
export const ChatMessage = vui((props, ref) => {
    const styles = useStyleConfig('Chat', props);
    const { avatar = defaultAvatar, ...rest } = props;
    return (_jsx(Message, { avatar: avatar, className: cs('vui-chat-message'), h: "100%", my: "16px", ref: ref, ...styles?.message, ...rest }));
});
ChatMessage.displayName = 'ChatMessage';
export default ChatMessage;
//# sourceMappingURL=chatMessage.js.map