"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.FileLoading = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const Button_1 = require("../../../Button");
const Typography_1 = require("../../../Typography");
const FileInfo_1 = require("../../FileInfo");
const Progress_1 = require("./Progress");
const styles_1 = require("./styles");
const useLogic_1 = require("./useLogic");
const FileLoading = (props) => {
    const { abortButtonProps, fileName, fileSize, progress } = (0, useLogic_1.useLogic)(props);
    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { children: [(0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "h5", children: "\u0418\u0434\u0435\u0442 \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0430..." }), (0, jsx_runtime_1.jsxs)(styles_1.Content, { children: [(0, jsx_runtime_1.jsx)(FileInfo_1.FileInfo, { fileName: fileName, fileSize: fileSize }), (0, jsx_runtime_1.jsx)(Progress_1.Progress, { progress: progress })] }), (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "light", color: "grey", ...abortButtonProps, children: "\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0443" })] }));
};
exports.FileLoading = FileLoading;
