import React from 'react';
import { ExclamationCircleOutlined } from '@ant-design/icons';
import "./index.less";
import { PREFIX } from "../../status";
var WarningLists = function WarningLists(props) {
  var lists = props.lists,
    className = props.className;
  if (!(lists !== null && lists !== void 0 && lists.length)) return null;
  return /*#__PURE__*/React.createElement("div", {
    className: "".concat(PREFIX, "__card-warning-lists ").concat(className)
  }, lists === null || lists === void 0 ? void 0 : lists.map(function (item) {
    return /*#__PURE__*/React.createElement("div", {
      key: item.id,
      className: "".concat(PREFIX, "__card-warning-lists-item")
    }, /*#__PURE__*/React.createElement(ExclamationCircleOutlined, {
      className: "".concat(PREFIX, "__card-warning-lists-item-icon")
    }), /*#__PURE__*/React.createElement("span", null, item.value));
  }));
};
export default WarningLists;