import React, { useMemo } from 'react';
import { PisellModal } from '@pisell/materials';
import { locales } from '@pisell/utils';
import "./index.less";
var EmptyHolderModal = function EmptyHolderModal(props) {
  var open = props.open,
    _onCancel = props.onCancel,
    _onOk = props.onOk,
    lists = props.lists;
  var content = useMemo(function () {
    return /*#__PURE__*/React.createElement("div", {
      className: "event-booking-empty-holder-describe"
    }, /*#__PURE__*/React.createElement("span", null, locales.getText('pisell2.event.empty.holder.tip')), /*#__PURE__*/React.createElement("ul", null, lists.map(function (item, index) {
      return /*#__PURE__*/React.createElement("li", {
        key: index
      }, item);
    })), /*#__PURE__*/React.createElement("span", null, locales.getText('pisell2.event.empty.holder.continue.tip')));
  }, [lists]);
  return /*#__PURE__*/React.createElement(PisellModal.Information, {
    open: open,
    title: locales.getText('pisell2.event.empty.holder.title'),
    describe: content,
    okText: locales.getText('pisell2.event.empty.holder.continue.anyway'),
    cancelText: locales.getText('pisell2.event.empty.holder.go.back'),
    closable: true,
    onCancel: function onCancel() {
      return _onCancel();
    },
    onOk: function onOk() {
      return _onOk();
    }
  });
};
export default EmptyHolderModal;