import { Popper } from '@scaleflex/ui/core';
import GalleryRoleSelect from '../../GalleryRoleSelect';
import Styled from './ManageAccess.styled';
import { jsx as _jsx } from "react/jsx-runtime";
var AccessPopper = function AccessPopper(_ref) {
  var anchorEl = _ref.anchorEl,
    onClose = _ref.onClose,
    roleId = _ref.roleId,
    onChange = _ref.onChange,
    defaultAccessRoleId = _ref.defaultAccessRoleId;
  return /*#__PURE__*/_jsx(Popper, {
    open: Boolean(anchorEl),
    anchorEl: anchorEl,
    overlay: true,
    onClick: onClose,
    position: "bottom-start",
    popperOptions: {
      modifiers: [{
        name: 'offset',
        options: {
          offset: [5, 0]
        }
      }, {
        name: 'preventOverflow',
        options: {
          padding: 24
        }
      }]
    },
    children: /*#__PURE__*/_jsx(Styled.PopupWrapper, {
      children: /*#__PURE__*/_jsx(GalleryRoleSelect, {
        value: roleId,
        onChange: onChange,
        minRoleId: defaultAccessRoleId
      })
    })
  });
};
export default AccessPopper;