"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.PopoverList = void 0;
var react_1 = __importDefault(require("react"));
var material_1 = require("@mui/material");
var colors_1 = require("../../base/colors");
function PopoverList(_a) {
    var anchor = _a.anchor, open = _a.open, toggleOpen = _a.toggleOpen, anchorOrigin = _a.anchorOrigin, transformOrigin = _a.transformOrigin, children = _a.children;
    return (react_1.default.createElement(material_1.Popover, { open: open, anchorEl: anchor, onClose: toggleOpen, anchorOrigin: anchorOrigin
            ? anchorOrigin
            : {
                vertical: "bottom",
                horizontal: "right",
            }, transformOrigin: transformOrigin
            ? transformOrigin
            : {
                vertical: "top",
                horizontal: "right",
            }, PaperProps: {
            style: {
                width: 220,
                border: "1px solid " + colors_1.green.light,
                display: "flex",
                flexDirection: "column",
            },
        } },
        react_1.default.createElement(material_1.List, { "aria-label": "popover-menu", component: "nav", style: { width: 220 } }, children)));
}
exports.PopoverList = PopoverList;
//# sourceMappingURL=PopoverList.js.map