@react-md/menu/lib/ToggleChildren.js

Create menus that auto-position themselves within the viewport and adhere to the accessibility guidelines

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.ToggleChildren = void 0;
/* eslint-disable react/prop-types */
var react_1 = __importDefault(require("react"));
var icon_1 = require("@react-md/icon");
var utils_1 = require("@react-md/utils");
var block = utils_1.bem("rmd-menu-icon");
function ToggleChildren(_a) {
    var dropdownIcon = _a.dropdownIcon, disableDropdownIcon = _a.disableDropdownIcon, children = _a.children, visible = _a.visible;
    if (disableDropdownIcon || !dropdownIcon) {
        return react_1.default.createElement(react_1.default.Fragment, null, children);
    }
    return (react_1.default.createElement(icon_1.TextIconSpacing, { icon: react_1.default.createElement(icon_1.IconRotator, { rotated: visible, className: block() }, dropdownIcon), iconAfter: true }, children));
}
exports.ToggleChildren = ToggleChildren;
//# sourceMappingURL=ToggleChildren.js.map