@acrsolutions/chat-components
Version:
Un set di componenti per la creazione di un'applicazione di messaggistica
11 lines (10 loc) • 1.1 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Composition } from 'atomic-layout';
import { MessageAccessory } from './MessageAccessory';
import { StyledMessageBalloon, StyledMessageBox } from '../../ui/messageStyle';
import { buildSentDate } from '../../functions';
import { StyledMessageDate } from '../../ui/messageStyle/StyledMessageDate';
import { MessageFooter } from './MessageFooter';
export function WMessageShell({ templateName, isReceived, children, sentDate, readDate, deliveredDate, reaction, }) {
return (_jsx(StyledMessageBox, { "$align": isReceived ? 'left' : 'right', children: _jsxs(Composition, { gap: '5px', children: [sentDate && (_jsx(StyledMessageDate, { children: buildSentDate(sentDate) })), _jsxs(StyledMessageBalloon, { children: [templateName && (_jsx(MessageAccessory, { data: templateName, isUserId: false })), _jsx(Composition, { padding: '0.5rem', justifyContent: "center", children: children }), _jsx(MessageFooter, { sentDate: sentDate ?? null, readDate: readDate ?? null, deliveredDate: deliveredDate, reaction: reaction })] })] }) }));
}