import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Button } from '../../../Button';
import { Typography } from '../../../Typography';
import { FileInfo } from '../../FileInfo';
import { Progress } from './Progress';
import { Content, Wrapper } from './styles';
import { useLogic } from './useLogic';
export const FileLoading = (props) => {
    const { abortButtonProps, fileName, fileSize, progress } = useLogic(props);
    return (_jsxs(Wrapper, { children: [_jsx(Typography, { variant: "h5", children: "\u0418\u0434\u0435\u0442 \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0430..." }), _jsxs(Content, { children: [_jsx(FileInfo, { fileName: fileName, fileSize: fileSize }), _jsx(Progress, { progress: progress })] }), _jsx(Button, { variant: "light", color: "grey", ...abortButtonProps, children: "\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0443" })] }));
};
