define(["require", "exports", "react", "./Dropdown.Basic.Example", "./Dropdown.Controlled.Example", "./Dropdown.ControlledMulti.Example", "./Dropdown.Custom.Example", "./Dropdown.Error.Example", "./Dropdown.Required.Example"], function (require, exports, React, Dropdown_Basic_Example_1, Dropdown_Controlled_Example_1, Dropdown_ControlledMulti_Example_1, Dropdown_Custom_Example_1, Dropdown_Error_Example_1, Dropdown_Required_Example_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    var DropdownBasicExampleCode = require('!raw-loader!@fluentui/examples/src/react-next/Dropdown/Dropdown.Basic.Example.tsx');
    var DropdownControlledExampleCode = require('!raw-loader!@fluentui/examples/src/react-next/Dropdown/Dropdown.Controlled.Example.tsx');
    var DropdownControlledMultiExampleCode = require('!raw-loader!@fluentui/examples/src/react-next/Dropdown/Dropdown.ControlledMulti.Example.tsx');
    var DropdownCustomExampleCode = require('!raw-loader!@fluentui/examples/src/react-next/Dropdown/Dropdown.Custom.Example.tsx');
    var DropdownErrorExampleCode = require('!raw-loader!@fluentui/examples/src/react-next/Dropdown/Dropdown.Error.Example.tsx');
    var DropdownRequiredExampleCode = require('!raw-loader!@fluentui/examples/src/react-next/Dropdown/Dropdown.Required.Example.tsx');
    exports.DropdownPageProps = {
        title: 'Dropdown',
        componentName: 'Dropdown',
        componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-next/src/components/Dropdown',
        examples: [
            {
                title: 'Basic Dropdowns',
                code: DropdownBasicExampleCode,
                view: React.createElement(Dropdown_Basic_Example_1.DropdownBasicExample, null),
            },
            {
                title: 'Controlled single-select Dropdown',
                code: DropdownControlledExampleCode,
                view: React.createElement(Dropdown_Controlled_Example_1.DropdownControlledExample, null),
            },
            {
                title: 'Controlled multi-select Dropdown',
                code: DropdownControlledMultiExampleCode,
                view: React.createElement(Dropdown_ControlledMulti_Example_1.DropdownControlledMultiExample, null),
            },
            {
                title: 'Customized Dropdown',
                code: DropdownCustomExampleCode,
                view: React.createElement(Dropdown_Custom_Example_1.DropdownCustomExample, null),
            },
            {
                title: 'Dropdown with error message',
                code: DropdownErrorExampleCode,
                view: React.createElement(Dropdown_Error_Example_1.DropdownErrorExample, null),
            },
            {
                title: 'Required Dropdown',
                code: DropdownRequiredExampleCode,
                view: (React.createElement(React.Fragment, null,
                    React.createElement("p", null, "This example also demonstrates how to programmatically set focus on and open a Dropdown."),
                    React.createElement(Dropdown_Required_Example_1.DropdownRequiredExample, null))),
            },
        ],
        overview: require('!raw-loader!@fluentui/examples/src/react-next/Dropdown/docs/DropdownOverview.md'),
        bestPractices: require('!raw-loader!@fluentui/examples/src/react-next/Dropdown/docs/DropdownBestPractices.md'),
        isHeaderVisible: true,
        isFeedbackVisible: true,
        allowNativeProps: true,
    };
});
//# sourceMappingURL=Dropdown.doc.js.map