import * as React from 'react';
import { DropdownBasicExample } from './Dropdown.Basic.Example';
import { DropdownControlledExample } from './Dropdown.Controlled.Example';
import { DropdownControlledMultiExample } from './Dropdown.ControlledMulti.Example';
import { DropdownCustomExample } from './Dropdown.Custom.Example';
import { DropdownErrorExample } from './Dropdown.Error.Example';
import { DropdownRequiredExample } from './Dropdown.Required.Example';
var DropdownBasicExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Dropdown/Dropdown.Basic.Example.tsx');
var DropdownControlledExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Dropdown/Dropdown.Controlled.Example.tsx');
var DropdownControlledMultiExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Dropdown/Dropdown.ControlledMulti.Example.tsx');
var DropdownCustomExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Dropdown/Dropdown.Custom.Example.tsx');
var DropdownErrorExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Dropdown/Dropdown.Error.Example.tsx');
var DropdownRequiredExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Dropdown/Dropdown.Required.Example.tsx');
export var DropdownPageProps = {
    title: 'Dropdown',
    componentName: 'Dropdown',
    componentUrl: 'https://github.com/microsoft/fluentui/tree/7.0/packages/office-ui-fabric-react/src/components/Dropdown',
    examples: [
        {
            title: 'Basic Dropdowns',
            code: DropdownBasicExampleCode,
            view: React.createElement(DropdownBasicExample, null),
        },
        {
            title: 'Controlled single-select Dropdown',
            code: DropdownControlledExampleCode,
            view: React.createElement(DropdownControlledExample, null),
        },
        {
            title: 'Controlled multi-select Dropdown',
            code: DropdownControlledMultiExampleCode,
            view: React.createElement(DropdownControlledMultiExample, null),
        },
        {
            title: 'Customized Dropdown',
            code: DropdownCustomExampleCode,
            view: React.createElement(DropdownCustomExample, null),
        },
        {
            title: 'Dropdown with error message',
            code: DropdownErrorExampleCode,
            view: React.createElement(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(DropdownRequiredExample, null))),
        },
    ],
    overview: require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Dropdown/docs/DropdownOverview.md'),
    bestPractices: require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Dropdown/docs/DropdownBestPractices.md'),
    isHeaderVisible: true,
    isFeedbackVisible: true,
    allowNativeProps: true,
};
//# sourceMappingURL=Dropdown.doc.js.map