"use strict";

import { useMemo } from 'react';
import DropdownMenu from '../DropdownMenu/DropdownMenu';
import Button from '../styled/Button';
import { LeaveIcon, MoreIcon, ReportIcon } from '../../assets/icons';
import { jsx as _jsx } from "react/jsx-runtime";
export const RoomMenu = ({
  handleLeaveClick
}) => {
  const menuOptions = useMemo(() => [{
    label: 'Report',
    icon: /*#__PURE__*/_jsx(ReportIcon, {}),
    onClick: () => {
      console.log('Report clicked');
    },
    styles: {
      color: 'red'
    }
  }, {
    label: 'Leave',
    icon: /*#__PURE__*/_jsx(LeaveIcon, {}),
    onClick: () => {
      handleLeaveClick();
    },
    styles: {
      color: 'red'
    }
  }], [handleLeaveClick]);
  return /*#__PURE__*/_jsx(DropdownMenu, {
    position: "right",
    options: menuOptions,
    openButton: /*#__PURE__*/_jsx(Button, {
      style: {
        padding: 8,
        maxHeight: 40
      },
      EndIcon: /*#__PURE__*/_jsx(MoreIcon, {}),
      unstyled: true
    })
  });
};
//# sourceMappingURL=MenuRoom.js.map