"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.FileInfo = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const formatFileSizeToView_1 = require("@astral/utils/file/formatFileSizeToView");
const styles_1 = require("./styles");
const FileInfo = ({ className, fileName, fileSize }) => {
    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { className: className, children: [(0, jsx_runtime_1.jsx)(styles_1.StyledFilename, { children: fileName }), fileSize && ((0, jsx_runtime_1.jsxs)(styles_1.FileSize, { children: [(0, jsx_runtime_1.jsx)(styles_1.DotIcon, {}), (0, formatFileSizeToView_1.formatFileSizeToView)(fileSize)] }))] }));
};
exports.FileInfo = FileInfo;
