import HelpCircleOutlineIcon from 'mdi-react/HelpCircleOutlineIcon';
import * as React from 'react';
import { eventLogger } from '../tracking/eventLogger';
function logEvent() {
    eventLogger.log('OpenHelpPopoverButtonClicked');
}
/** A button that, when clicked, toggles the visibility of the help popover. */
export const OpenHelpPopoverButton = ({ className = '', text, onHelpPopoverToggle }) => (React.createElement("button", { className: `btn btn-link open-help-popover-button ${className}`, title: text ? undefined : 'Help and issues', type: "button", onClick: onHelpPopoverToggle, onMouseDown: logEvent },
    React.createElement(HelpCircleOutlineIcon, { className: "icon-inline" }),
    text && React.createElement("span", { className: "open-help-popover-button__text ml-1" }, text)));
//# sourceMappingURL=OpenHelpPopoverButton.js.map