text: "use strict";
  Object.defineProperty(exports, "__esModule", { value: true });
  var tslib_1 = require("tslib");
  var Button_1 = require("office-ui-fabric-react/lib/Button");
  var Panel_1 = require("office-ui-fabric-react/lib/Panel");
  var React = require("react");
  var PanelExtraLargeExample = /** @class */ (function (_super) {
      tslib_1.__extends(PanelExtraLargeExample, _super);
      function PanelExtraLargeExample() {
          var _this = _super !== null && _super.apply(this, arguments) || this;
          _this.state = {
              showPanel: false
          };
          _this._showPanel = function () {
              _this.setState({ showPanel: true });
          };
          _this._hidePanel = function () {
              _this.setState({ showPanel: false });
          };
          return _this;
      }
      PanelExtraLargeExample.prototype.render = function () {
          return (React.createElement("div", null,
              React.createElement(Button_1.DefaultButton, { secondaryText: "Opens the Sample Panel", onClick: this._showPanel, text: "Open Panel" }),
              React.createElement(Panel_1.Panel, { isOpen: this.state.showPanel, onDismiss: this._hidePanel, type: Panel_1.PanelType.extraLarge, headerText: "Extra Large Panel", closeButtonAriaLabel: "Close" },
                  React.createElement("span", null, "Content goes here."))));
      };
      return PanelExtraLargeExample;
  }(React.Component));
  exports.PanelExtraLargeExample = PanelExtraLargeExample;
  //# sourceMappingURL=Panel.ExtraLarge.Example.js.map