"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

require("./index.css");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var preCls = 'titaui-quick-entrance-dialog';

var RenderItem = function RenderItem(props) {
  var id = props.id,
      title = props.title,
      handleClickDelete = props.handleClickDelete;
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: "".concat(preCls, "__content__right__item__container")
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: "".concat(preCls, "__content__right__item__container__drag-icon"),
    draggable: false
  }), /*#__PURE__*/_react["default"].createElement("div", {
    className: "".concat(preCls, "__content__right__item__container__title")
  }, title), /*#__PURE__*/_react["default"].createElement("div", {
    className: "".concat(preCls, "__content__right__item__container__cancle-icon"),
    onClick: function onClick() {
      return handleClickDelete(id);
    }
  }));
};

var _default = RenderItem;
exports["default"] = _default;