mui-nav-menu/lib/cjs/Arrow.js

Navigation menu component based on material ui

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = require("react");
const classnames_1 = tslib_1.__importDefault(require("classnames"));
const mui_1 = require("tss-react/mui");
const useStyles = (0, mui_1.makeStyles)()((theme, { elevation }) => {
    return {
        root: {
            position: "absolute",
            zIndex: -1,
            "&::after": {
                content: '""',
                display: "block",
                height: 10,
                width: 10,
                transformOrigin: "center",
                transform: "rotate(45deg)",
                boxShadow: theme.shadows[elevation],
                pointerEvents: "none",
                backgroundColor: theme.palette.background.paper,
            },
        },
    };
});
const Arrow = (0, react_1.forwardRef)(({ elevation }, ref) => {
    const { classes } = useStyles({ elevation });
    return ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)("PopperArrow", classes.root), ref: ref }));
});
exports.default = (0, react_1.memo)(Arrow);