import FileItem from '../../FileItem';
import Styled from './UploadsList.styled';
import { jsx as _jsx } from "react/jsx-runtime";
var List = function List(_ref) {
  var _ref$filesUuidsOrIds = _ref.filesUuidsOrIds,
    filesUuidsOrIds = _ref$filesUuidsOrIds === void 0 ? [] : _ref$filesUuidsOrIds,
    isUploadsPanel = _ref.isUploadsPanel,
    isShareSettings = _ref.isShareSettings,
    onRemove = _ref.onRemove;
  return /*#__PURE__*/_jsx(Styled.ListWrapper, {
    isUploadsPanel: isUploadsPanel,
    isShareSettings: isShareSettings,
    children: filesUuidsOrIds.map(function (fileIdOrUuid) {
      return /*#__PURE__*/_jsx(FileItem, {
        role: "listitem",
        fileIdOrUuid: fileIdOrUuid,
        isUploadsPanel: isUploadsPanel,
        onRemove: onRemove
      }, fileIdOrUuid);
    })
  });
};
export default List;