murmuraba
Version:
Real-time audio noise reduction with advanced chunked processing for web applications
6 lines (5 loc) • 1.07 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { formatFileSize } from '../formatters';
export function FileInfo({ originalSize, processedSize, noiseRemoved }) {
return (_jsxs("div", { className: "details__section", children: [_jsx("h4", { className: "section__title", children: "\uD83D\uDCC1 File Information" }), _jsxs("div", { className: "file-info-grid", children: [_jsxs("div", { className: "file-info-item", children: [_jsx("span", { className: "info__label", children: "Original Size" }), _jsx("span", { className: "info__value", children: formatFileSize(originalSize) })] }), _jsxs("div", { className: "file-info-item", children: [_jsx("span", { className: "info__label", children: "Processed Size" }), _jsx("span", { className: "info__value", children: formatFileSize(processedSize) })] }), _jsxs("div", { className: "file-info-item", children: [_jsx("span", { className: "info__label", children: "Size Reduction" }), _jsx("span", { className: "info__value info__value--success", children: formatFileSize(noiseRemoved) })] })] })] }));
}