"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.RoomMenu = void 0;
var _react = require("react");
var _DropdownMenu = _interopRequireDefault(require("../DropdownMenu/DropdownMenu"));
var _Button = _interopRequireDefault(require("../styled/Button"));
var _icons = require("../../assets/icons");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const RoomMenu = ({
  handleLeaveClick
}) => {
  const menuOptions = (0, _react.useMemo)(() => [{
    label: 'Report',
    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ReportIcon, {}),
    onClick: () => {
      console.log('Report clicked');
    },
    styles: {
      color: 'red'
    }
  }, {
    label: 'Leave',
    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.LeaveIcon, {}),
    onClick: () => {
      handleLeaveClick();
    },
    styles: {
      color: 'red'
    }
  }], [handleLeaveClick]);
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownMenu.default, {
    position: "right",
    options: menuOptions,
    openButton: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
      style: {
        padding: 8,
        maxHeight: 40
      },
      EndIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.MoreIcon, {}),
      unstyled: true
    })
  });
};
exports.RoomMenu = RoomMenu;
//# sourceMappingURL=MenuRoom.js.map