import * as React from 'react';
import { SelectedPeopleListBasicExample } from './SelectedPeopleList.Basic.Example';
import { SelectedPeopleListControlledExample } from './SelectedPeopleList.Controlled.Example';
var SelectedPeopleListBasicExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/SelectedPeopleList/SelectedPeopleList.Basic.Example.tsx');
var SelectedPeopleListControlledExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/SelectedPeopleList/SelectedPeopleList.Controlled.Example.tsx');
export var SelectedPeopleListPageProps = {
    title: 'SelectedPeopleList',
    componentName: 'SelectedPeopleList',
    componentUrl: 'https://github.com/microsoft/fluentui/tree/7.0/packages/office-ui-fabric-react/src/components/SelectedPeopleList',
    examples: [
        {
            title: 'Selected People List (uncontrolled)',
            code: SelectedPeopleListBasicExampleCode,
            view: React.createElement(SelectedPeopleListBasicExample, null),
        },
        {
            title: 'Selected People List (controlled)',
            code: SelectedPeopleListControlledExampleCode,
            view: React.createElement(SelectedPeopleListControlledExample, null),
        },
    ],
    propertiesTablesSources: [
        require('!raw-loader!office-ui-fabric-react/src/components/SelectedItemsList/BaseSelectedItemsList.types.ts'),
    ],
    overview: '',
    dos: require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/SelectedPeopleList/docs/SelectedPeopleListDos.md'),
    donts: require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/SelectedPeopleList/docs/SelectedPeopleListDonts.md'),
    isHeaderVisible: true,
    isFeedbackVisible: true,
};
//# sourceMappingURL=SelectedPeopleList.doc.js.map