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

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

import { __assign } from 'tslib';
import React__default, { useState } from 'react';
import { MESSAGE_STATUS } from '../../constants.js';
import { Modal } from '../Modal/index.js';

function MessageVideoWithContext(props) {
    var context = props.context, message = props.message, children = props.children;
    var _a = useState(false), show = _a[0], setShow = _a[1];
    return (React__default.createElement("div", { className: "message-video" },
        React__default.createElement("div", { className: "".concat((message === null || message === void 0 ? void 0 : message.status) === MESSAGE_STATUS.SUCCESS ? 'snap-video' : ''), role: "button", tabIndex: 0, onClick: function () { setShow(true); } },
            React__default.createElement("video", { muted: true, controls: false, src: context.url })),
        children,
        show && (React__default.createElement(Modal, { onClick: function () { setShow(false); } },
            React__default.createElement("video", { className: "play-video", muted: true, controls: true, src: context.url, autoPlay: true })))));
}
var MemoizedMessageVideo = React__default.memo(MessageVideoWithContext);
function MessageVideo(props) {
    return (React__default.createElement(MemoizedMessageVideo, __assign({}, props)));
}

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