text: define(["require", "exports", "tslib", "react", "office-ui-fabric-react/lib/Utilities", "office-ui-fabric-react/lib/Button", "office-ui-fabric-react/lib/SearchBox", "office-ui-fabric-react/lib/OverflowSet", "./OverflowSet.Example.scss"], function (require, exports, tslib_1, React, Utilities_1, Button_1, SearchBox_1, OverflowSet_1, stylesImport) {
      "use strict";
      Object.defineProperty(exports, "__esModule", { value: true });
      var styles = stylesImport;
      var OverflowSetCustomExample = /** @class */ (function (_super) {
          tslib_1.__extends(OverflowSetCustomExample, _super);
          function OverflowSetCustomExample() {
              return _super !== null && _super.apply(this, arguments) || this;
          }
          OverflowSetCustomExample.prototype.render = function () {
              return (React.createElement(OverflowSet_1.OverflowSet, { items: [
                      {
                          key: 'search',
                          onRender: function (item) {
                              return (React.createElement(SearchBox_1.SearchBox, { placeholder: 'Search' }));
                          }
                      },
                      {
                          key: 'newItem',
                          name: 'New',
                          icon: 'Add',
                          ariaLabel: 'New. Use left and right arrow keys to navigate',
                          onClick: function () { return; },
                          subMenuProps: {
                              items: [
                                  {
                                      key: 'emailMessage',
                                      name: 'Email message',
                                      icon: 'Mail',
                                  },
                                  {
                                      key: 'calendarEvent',
                                      name: 'Calendar event',
                                      icon: 'Calendar'
                                  }
                              ],
                          },
                      },
                      {
                          key: 'upload',
                          name: 'Upload',
                          icon: 'Upload',
                          onClick: function () { return; },
                      },
                      {
                          key: 'share',
                          name: 'Share',
                          icon: 'Share',
                          onClick: function () { return; }
                      }
                  ], overflowItems: [
                      {
                          key: 'newItem',
                          name: 'Add',
                          icon: 'Add',
                          ariaLabel: 'New. Use left and right arrow keys to navigate',
                          onClick: function () { return; },
                          subMenuProps: {
                              items: [
                                  {
                                      key: 'emailMessage',
                                      name: 'Email message',
                                      icon: 'Mail',
                                  },
                                  {
                                      key: 'calendarEvent',
                                      name: 'Calendar event',
                                      icon: 'Calendar'
                                  }
                              ],
                          },
                      },
                      {
                          key: 'move',
                          name: 'Move to...',
                          icon: 'MoveToFolder',
                          onClick: function () { return; }
                      },
                      {
                          key: 'copy',
                          name: 'Copy to...',
                          icon: 'Copy',
                          onClick: function () { return; }
                      },
                      {
                          key: 'rename',
                          name: 'Rename...',
                          icon: 'Edit',
                          onClick: function () { return; }
                      },
                      {
                          key: 'disabled',
                          name: 'Disabled...',
                          icon: 'Cancel',
                          disabled: true,
                          onClick: function () { return; }
                      }
                  ], onRenderOverflowButton: this._onRenderOverflowButton, onRenderItem: this._onRenderItem }));
          };
          OverflowSetCustomExample.prototype._onRenderItem = function (item) {
              if (item.onRender) {
                  return (item.onRender(item));
              }
              return (React.createElement(Button_1.DefaultButton, { iconProps: { iconName: item.icon }, menuProps: item.subMenuProps, text: item.name }));
          };
          OverflowSetCustomExample.prototype._onRenderOverflowButton = function (overflowItems) {
              return (React.createElement(Button_1.DefaultButton, { className: Utilities_1.css(styles.overflowButton), menuIconProps: { iconName: 'More' }, menuProps: { items: overflowItems } }));
          };
          return OverflowSetCustomExample;
      }(Utilities_1.BaseComponent));
      exports.OverflowSetCustomExample = OverflowSetCustomExample;
  });
  //# sourceMappingURL=OverflowSet.Custom.Example.js.map