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

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

import { __assign } from 'tslib';
import React__default from 'react';
import { Icon } from '../Icon/Icon.js';
import { IconTypes } from '../Icon/type.js';
import { ConversationType } from '../../types/models.js';
import '../../types/events.js';

function MessageFileWithContext(props) {
    var context = props.context, message = props.message, children = props.children;
    return (React__default.createElement("a", { href: context.url, download: context.name, target: "_parent", className: "bubble message-file bubble-".concat(message.flow, " ").concat((message === null || message === void 0 ? void 0 : message.conversation_type) === ConversationType.Group ? 'group' : ''), rel: "noreferrer" },
        React__default.createElement("main", { className: "message-file-main" },
            React__default.createElement(Icon, { className: "icon", width: 15, height: 20, type: IconTypes.FILE }),
            React__default.createElement("label", { htmlFor: "message-file" }, context.name)),
        React__default.createElement("div", { className: "message-file-footer" },
            React__default.createElement("span", { className: "message-file-size" }, context.size),
            children)));
}
var MemoizedMessageFile = React__default.memo(MessageFileWithContext);
function MessageFile(props) {
    return (React__default.createElement(MemoizedMessageFile, __assign({}, props)));
}

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