@momentum-ui/react-collaboration/dist/cjs/legacy/Popover/examples/Direction.js

Cisco Momentum UI Framework for React Collaboration Applications

import React from 'react';
import PropTypes from 'prop-types';
import { Button, Popover } from '@momentum-ui/react-collaboration';
export default function PopOverDirection(_a) {
    var direction = _a.direction, isContained = _a.isContained;
    var testCase = "This is a really long popover ".concat(direction, " - isContained: ").concat(isContained ? 'true' : 'false');
    var content = (React.createElement("span", { key: "1", style: { padding: '10px' } }, testCase));
    return (React.createElement("div", { className: "docs-example docs-example--spacing" },
        React.createElement(Popover, { content: content, direction: direction, isContained: isContained },
            React.createElement(Button, { id: "direction_".concat(direction, "_").concat(isContained), children: "Direction: ".concat(testCase), ariaLabel: "Direction" }))));
}
PopOverDirection.propTypes = {
    direction: PropTypes.string,
    isContained: PropTypes.bool,
};
PopOverDirection.defaultProps = {
    isContained: false,
};
//# sourceMappingURL=Direction.js.map