epn-ui
Version:
Дизайн система кабинета ВМ
26 lines (23 loc) • 1.37 kB
JavaScript
import React from 'react';
import clsx from 'clsx';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faPaperclip } from '@fortawesome/pro-light-svg-icons/faPaperclip';
import { faSpinnerThird } from '@fortawesome/pro-light-svg-icons/faSpinnerThird';
import { faTimes } from '@fortawesome/pro-light-svg-icons/faTimes';
var UploadItem = function (_a) {
var file = _a.file, actions = _a.actions, loading = _a.loading;
return (React.createElement("div", { className: "epn-upload-list-item" },
React.createElement("div", { className: "epn-upload-list-item__icon" },
!loading && React.createElement(FontAwesomeIcon, { icon: faPaperclip }),
loading && (React.createElement(FontAwesomeIcon, { icon: faSpinnerThird, className: "animate-spin" }))),
React.createElement("div", { className: "epn-upload-list-item__name" }, file.name),
React.createElement("div", { className: "epn-upload-list-item__action" },
React.createElement(FontAwesomeIcon, { icon: faTimes, className: clsx(undefined, {
'epn-upload-list-item__action--disabled': loading,
}), onClick: function () {
if (!loading) {
actions.remove();
}
} }))));
};
export { UploadItem as default };