@dnb/eufemia/components/upload/UploadStatus.js

DNB Eufemia Design System UI Library

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