import * as tslib_1 from "tslib";
import * as React from 'react';
import { BaseComponent, getId } from 'office-ui-fabric-react/lib/Utilities';
import { DefaultButton } from 'office-ui-fabric-react/lib/Button';
import { TooltipHost } from 'office-ui-fabric-react/lib/Tooltip';
var TooltipNoScrollExample = /** @class */ (function (_super) {
    tslib_1.__extends(TooltipNoScrollExample, _super);
    function TooltipNoScrollExample() {
        var _this = _super !== null && _super.apply(this, arguments) || this;
        _this.tooltipId = getId('text-tooltip');
        return _this;
    }
    TooltipNoScrollExample.prototype.render = function () {
        return (React.createElement(TooltipHost, { content: "This is the tooltip", id: this.tooltipId, tooltipProps: { style: { overflowY: 'auto' } }, styles: { root: { display: 'inline-block' } } },
            React.createElement(DefaultButton, { "aria-describedby": this.tooltipId }, "Tooltip without scroll")));
    };
    return TooltipNoScrollExample;
}(BaseComponent));
export { TooltipNoScrollExample };
//# sourceMappingURL=Tooltip.NoScroll.Example.js.map