@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
32 lines • 906 B
JavaScript
import React from 'react';
import { UploadContext } from "./UploadContext.js";
import FormStatus from "../FormStatus.js";
import useUpload from "./useUpload.js";
import HeightAnimation from "../height-animation/HeightAnimation.js";
import { jsx as _jsx } from "react/jsx-runtime";
const UploadStatus = () => {
const context = React.useContext(UploadContext);
const {
id,
filesAmountLimit,
errorAmountLimit
} = context;
const {
internalFiles
} = useUpload(id);
const open = internalFiles.length > filesAmountLimit;
return _jsx(HeightAnimation, {
open: open,
delay: 500,
children: _jsx(FormStatus, {
state: "warning",
shellSpace: {
top: 'small'
},
stretch: true,
children: String(errorAmountLimit).replace('%amount', String(filesAmountLimit))
})
});
};
export default UploadStatus;
//# sourceMappingURL=UploadStatus.js.map