define(["require", "exports", "tslib", "react", "@fluentui/react-docsite-components", "./SelectedPeopleList.Basic.Example", "./SelectedPeopleList.Basic.DragDrop.Example", "./SelectedPeopleList.DragDropBetweenWells.Example", "./SelectedPeopleList.WithEditInContextMenu.Example", "./SelectedPeopleList.WithGroupExpand.Example", "./SelectedPeopleList.WithEdit.Example", "./SelectedPeopleList.WithContextMenu.Example"], function (require, exports, tslib_1, React, react_docsite_components_1, SelectedPeopleList_Basic_Example_1, SelectedPeopleList_Basic_DragDrop_Example_1, SelectedPeopleList_DragDropBetweenWells_Example_1, SelectedPeopleList_WithEditInContextMenu_Example_1, SelectedPeopleList_WithGroupExpand_Example_1, SelectedPeopleList_WithEdit_Example_1, SelectedPeopleList_WithContextMenu_Example_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.SelectedPeopleListPage = void 0;
    var SelectedPeopleListBasicExampleCode = require('!raw-loader?esModule=false!./SelectedPeopleList.Basic.Example');
    var SelectedPeopleListBasicDragDropExampleCode = require('!raw-loader?esModule=false!./SelectedPeopleList.Basic.DragDrop.Example');
    var SelectedPeopleListDragDropBetweenWellsExampleCode = require('!raw-loader?esModule=false!./SelectedPeopleList.DragDropBetweenWells.Example');
    var SelectedPeopleListWithEditInContextMenuExampleCode = require('!raw-loader?esModule=false!./SelectedPeopleList.WithEditInContextMenu.Example');
    var SelectedPeopleListWithGroupExpandExampleCode = require('!raw-loader?esModule=false!./SelectedPeopleList.WithGroupExpand.Example');
    var SelectedPeopleListWithEditExampleCode = require('!raw-loader?esModule=false!./SelectedPeopleList.WithEdit.Example');
    var SelectedPeopleListWithContextMenuExampleCode = require('!raw-loader?esModule=false!./SelectedPeopleList.WithContextMenu.Example');
    var SelectedPeopleListPage = /** @class */ (function (_super) {
        tslib_1.__extends(SelectedPeopleListPage, _super);
        function SelectedPeopleListPage() {
            return _super !== null && _super.apply(this, arguments) || this;
        }
        SelectedPeopleListPage.prototype.render = function () {
            return (React.createElement(react_docsite_components_1.ComponentPage, { title: "SelectedPeopleList", componentName: "SelectedPeopleList", exampleCards: React.createElement("div", null,
                    React.createElement(react_docsite_components_1.ExampleCard, { title: "Basic", isOptIn: true, code: SelectedPeopleListBasicExampleCode },
                        React.createElement(SelectedPeopleList_Basic_Example_1.SelectedPeopleListBasicExample, null)),
                    React.createElement(react_docsite_components_1.ExampleCard, { title: "Drag Drop", isOptIn: true, code: SelectedPeopleListBasicDragDropExampleCode },
                        React.createElement(SelectedPeopleList_Basic_DragDrop_Example_1.SelectedPeopleListBasicDragDropExample, null)),
                    React.createElement(react_docsite_components_1.ExampleCard, { title: "Drag Drop between wells", isOptIn: true, code: SelectedPeopleListDragDropBetweenWellsExampleCode },
                        React.createElement(SelectedPeopleList_DragDropBetweenWells_Example_1.SelectedPeopleListDragDropBetweenWellsExample, null)),
                    React.createElement(react_docsite_components_1.ExampleCard, { title: "With Copying, Editing, and Expansion", isOptIn: true, code: SelectedPeopleListWithEditInContextMenuExampleCode },
                        React.createElement(SelectedPeopleList_WithEditInContextMenu_Example_1.SelectedPeopleListWithEditInContextMenuExample, null)),
                    React.createElement(react_docsite_components_1.ExampleCard, { title: "With A Context Menu", isOptIn: true, code: SelectedPeopleListWithContextMenuExampleCode },
                        React.createElement(SelectedPeopleList_WithContextMenu_Example_1.SelectedPeopleListWithContextMenuExample, null)),
                    React.createElement(react_docsite_components_1.ExampleCard, { title: "With Expandable Groups", isOptIn: true, code: SelectedPeopleListWithGroupExpandExampleCode },
                        React.createElement(SelectedPeopleList_WithGroupExpand_Example_1.SelectedPeopleListWithGroupExpandExample, null)),
                    React.createElement(react_docsite_components_1.ExampleCard, { title: "With Editing", isOptIn: true, code: SelectedPeopleListWithEditExampleCode },
                        React.createElement(SelectedPeopleList_WithEdit_Example_1.SelectedPeopleListWithEditExample, null)),
                    React.createElement(react_docsite_components_1.ExampleCard, { title: "With Edit as an option in the context menu", isOptIn: true, code: SelectedPeopleListWithEditExampleCode },
                        React.createElement(SelectedPeopleList_WithEditInContextMenu_Example_1.SelectedPeopleListWithEditInContextMenuExample, null))), propertiesTables: React.createElement(react_docsite_components_1.PropertiesTableSet, { sources: [
                        require('!raw-loader?esModule=false!@fluentui/react-experiments/src/components/Tile/Tile.types.ts'),
                    ] }), isHeaderVisible: this.props.isHeaderVisible }));
        };
        return SelectedPeopleListPage;
    }(React.Component));
    exports.SelectedPeopleListPage = SelectedPeopleListPage;
});
//# sourceMappingURL=SelectedPeopleListPage.js.map