import * as React from 'react';
import { ExtendedPeoplePickerBasicExample } from './ExtendedPeoplePicker.Basic.Example';
import { ExtendedPeoplePickerControlledExample } from './ExtendedPeoplePicker.Controlled.Example';
var ExtendedPeoplePickerBasicExampleCode = require('!raw-loader!@fluentui/examples/src/react-next/ExtendedPicker/ExtendedPeoplePicker.Basic.Example.tsx');
var ExtendedPeoplePickerControlledExampleCode = require('!raw-loader!@fluentui/examples/src/react-next/ExtendedPicker/ExtendedPeoplePicker.Controlled.Example.tsx');
export var ExtendedPeoplePickerPageProps = {
    title: 'ExtendedPeoplePicker',
    componentName: 'ExtendedPeoplePicker',
    componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-next/src/components/ExtendedPicker/PeoplePicker',
    examples: [
        {
            title: 'Extended People Picker (uncontrolled)',
            code: ExtendedPeoplePickerBasicExampleCode,
            view: React.createElement(ExtendedPeoplePickerBasicExample, null),
        },
        {
            title: 'Extended People Picker (controlled)',
            code: ExtendedPeoplePickerControlledExampleCode,
            view: React.createElement(ExtendedPeoplePickerControlledExample, null),
        },
    ],
    overview: require('!raw-loader!@fluentui/examples/src/react-next/ExtendedPicker/docs/ExtendedPeoplePickerOverview.md'),
    bestPractices: require('!raw-loader!@fluentui/examples/src/react-next/ExtendedPicker/docs/ExtendedPeoplePickerBestPractices.md'),
    dos: require('!raw-loader!@fluentui/examples/src/react-next/ExtendedPicker/docs/ExtendedPeoplePickerDos.md'),
    donts: require('!raw-loader!@fluentui/examples/src/react-next/ExtendedPicker/docs/ExtendedPeoplePickerDonts.md'),
    isHeaderVisible: true,
    isFeedbackVisible: true,
};
//# sourceMappingURL=ExtendedPeoplePicker.doc.js.map