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

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

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var tslib = require('tslib');
var React = require('react');
var Icon = require('../Icon/Icon.js');
var type = require('../Icon/type.js');
var models = require('../../types/models.js');
require('../../types/events.js');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var React__default = /*#__PURE__*/_interopDefaultLegacy(React);

function MessageFileWithContext(props) {
    var context = props.context, message = props.message, children = props.children;
    return (React__default["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) === models.ConversationType.Group ? 'group' : ''), rel: "noreferrer" },
        React__default["default"].createElement("main", { className: "message-file-main" },
            React__default["default"].createElement(Icon.Icon, { className: "icon", width: 15, height: 20, type: type.IconTypes.FILE }),
            React__default["default"].createElement("label", { htmlFor: "message-file" }, context.name)),
        React__default["default"].createElement("div", { className: "message-file-footer" },
            React__default["default"].createElement("span", { className: "message-file-size" }, context.size),
            children)));
}
var MemoizedMessageFile = React__default["default"].memo(MessageFileWithContext);
function MessageFile(props) {
    return (React__default["default"].createElement(MemoizedMessageFile, tslib.__assign({}, props)));
}

exports.MessageFile = MessageFile;
//# sourceMappingURL=MessageFile.js.map