"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
require("./menu-list-item.scss");
var MenuListItem = function MenuListItem(_ref) {
  var _ref$title = _ref.title,
    title = _ref$title === void 0 ? '菜单名称' : _ref$title,
    _ref$iconUrl = _ref.iconUrl,
    iconUrl = _ref$iconUrl === void 0 ? '' : _ref$iconUrl,
    handleClick = _ref.handleClick;
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: "menu-list__panel__item",
    onClick: handleClick
  }, iconUrl ? /*#__PURE__*/_react["default"].createElement("div", {
    className: "menu-list__panel__item_icon"
  }, /*#__PURE__*/_react["default"].createElement("img", {
    alt: "",
    src: iconUrl
  })) : null, /*#__PURE__*/_react["default"].createElement("div", {
    className: "menu-list__panel__item_title"
  }, title), /*#__PURE__*/_react["default"].createElement("div", {
    className: "menu-list__panel__item_right"
  }, /*#__PURE__*/_react["default"].createElement("svg", {
    xmlns: "http://www.w3.org/2000/svg",
    width: "32",
    height: "32",
    viewBox: "0 0 32 32"
  }, /*#__PURE__*/_react["default"].createElement("path", {
    fill: "currentColor",
    d: "M22 16L12 26l-1.4-1.4l8.6-8.6l-8.6-8.6L12 6z"
  }))));
};
MenuListItem.displayName = 'MenuListItem';
var _default = exports["default"] = MenuListItem;