@uimkit/uikit-react/dist/esm/components/UIMessage/MessageStatus.js

<img style="width:64px" src="https://mgmt.uimkit.chat/media/img/avatar.png"/>

import { __assign } from 'tslib';
import React__default from 'react';
import '../../types/models.js';
import '../../types/events.js';
import { useTranslationContext } from '../../context/TranslationContext.js';
import '../../context/UIKitContext.js';
import '../../context/ComponentContext.js';
import '../../context/ChatActionContext.js';
import '../../context/MessageInputContext.js';
import { useUIMessageContext } from '../../context/UIMessageContext.js';
import '../../context/ChatStateContext.js';
import { getDateString } from '../../i18n/utils.js';

function MessageStatustWithContext(props) {
    var message = props.message;
    var tDateTimeParser = useTranslationContext('DateSeparator').tDateTimeParser;
    var isShowTime = useUIMessageContext('MessageStatustWithContext').isShowTime;
    var formattedDate = getDateString({
        tDateTimeParser: tDateTimeParser,
        messageCreatedAt: message === null || message === void 0 ? void 0 : message.sent_at,
    });
    var timeElement = (!!isShowTime) && React__default.createElement("div", { className: "time" }, formattedDate);
    return (React__default.createElement("div", { className: "message-status" }, timeElement));
}
var MemoizedMessageStatus = React__default.memo(MessageStatustWithContext);
function MessageStatus(props) {
    return (React__default.createElement(MemoizedMessageStatus, __assign({}, props)));
}

export { MessageStatus };
//# sourceMappingURL=MessageStatus.js.map