import * as React from 'react';
import { PeoplePickerNormalExample } from './PeoplePicker.Normal.Example';
import { PeoplePickerCompactExample } from './PeoplePicker.Compact.Example';
import { PeoplePickerListExample } from './PeoplePicker.List.Example';
import { PeoplePickerPreselectedItemsExample } from './PeoplePicker.PreselectedItems.Example';
import { PeoplePickerLimitedSearchExample } from './PeoplePicker.LimitedSearch.Example';
import { PeoplePickerProcessSelectionExample } from './PeoplePicker.ProcessSelection.Example';
import { PeoplePickerControlledExample } from './PeoplePicker.Controlled.Example';
var PeoplePickerNormalExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/PeoplePicker/PeoplePicker.Normal.Example.tsx');
var PeoplePickerCompactExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/PeoplePicker/PeoplePicker.Compact.Example.tsx');
var PeoplePickerListExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/PeoplePicker/PeoplePicker.List.Example.tsx');
var PeoplePickerPreselectedItemsExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/PeoplePicker/PeoplePicker.PreselectedItems.Example.tsx');
var PeoplePickerLimitedSearchExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/PeoplePicker/PeoplePicker.LimitedSearch.Example.tsx');
var PeoplePickerProcessSelectionExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/PeoplePicker/PeoplePicker.ProcessSelection.Example.tsx');
var PeoplePickerControlledExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/PeoplePicker/PeoplePicker.Controlled.Example.tsx');
export var PeoplePickerPageProps = {
    title: 'PeoplePicker',
    componentName: 'PeoplePicker',
    componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/PeoplePicker',
    examples: [
        {
            title: 'Normal People Picker',
            code: PeoplePickerNormalExampleCode,
            view: React.createElement(PeoplePickerNormalExample, null),
        },
        {
            title: 'Compact People Picker',
            code: PeoplePickerCompactExampleCode,
            view: React.createElement(PeoplePickerCompactExample, null),
        },
        {
            title: 'List People Picker with Wrapped Item text',
            code: PeoplePickerListExampleCode,
            view: React.createElement(PeoplePickerListExample, null),
        },
        {
            title: 'People Picker with Preselected Items',
            code: PeoplePickerPreselectedItemsExampleCode,
            view: React.createElement(PeoplePickerPreselectedItemsExample, null),
        },
        {
            title: 'People Picker with Limited Search',
            code: PeoplePickerLimitedSearchExampleCode,
            view: React.createElement(PeoplePickerLimitedSearchExample, null),
        },
        {
            title: 'People Picker with Processed Selection',
            code: PeoplePickerProcessSelectionExampleCode,
            view: React.createElement(PeoplePickerProcessSelectionExample, null),
        },
        {
            title: 'Controlled People Picker',
            code: PeoplePickerControlledExampleCode,
            view: React.createElement(PeoplePickerControlledExample, null),
        },
    ],
    propertiesTablesSources: [
        require('!raw-loader?esModule=false!@fluentui/react/src/components/pickers/BasePicker.types.ts'),
    ],
    overview: require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/PeoplePicker/docs/PeoplePickerOverview.md'),
    bestPractices: require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/PeoplePicker/docs/PeoplePickerBestPractices.md'),
    isHeaderVisible: true,
    isFeedbackVisible: true,
};
//# sourceMappingURL=PeoplePicker.doc.js.map