import * as React from 'react';
import { FloatingPeoplePickerTypesExample } from './FloatingPeoplePicker.Basic.Example';
var FloatingPeoplePickerBasicExampleCode = require('!raw-loader!@fluentui/examples/src/react-next/FloatingPeoplePicker/PeoplePicker/FloatingPeoplePicker.Basic.Example.tsx');
export var FloatingPeoplePickerPageProps = {
    title: 'FloatingPeoplePicker',
    componentName: 'FloatingPeoplePicker',
    componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-next/src/components/FloatingPeoplePicker',
    examples: [
        {
            title: 'Floating People Picker',
            code: FloatingPeoplePickerBasicExampleCode,
            view: React.createElement(FloatingPeoplePickerTypesExample, null),
        },
    ],
    propertiesTablesSources: [
        require('!raw-loader!@fluentui/react-next/src/components/FloatingPicker/BaseFloatingPicker.types.ts'),
    ],
    overview: require('!raw-loader!@fluentui/examples/src/react-next/FloatingPeoplePicker/PeoplePicker/docs/FloatingPeoplePickerOverview.md'),
    bestPractices: require('!raw-loader!@fluentui/examples/src/react-next/FloatingPeoplePicker/PeoplePicker/docs/FloatingPeoplePickerBestPractices.md'),
    dos: require('!raw-loader!@fluentui/examples/src/react-next/FloatingPeoplePicker/PeoplePicker/docs/FloatingPeoplePickerDos.md'),
    donts: require('!raw-loader!@fluentui/examples/src/react-next/FloatingPeoplePicker/PeoplePicker/docs/FloatingPeoplePickerDonts.md'),
    isHeaderVisible: true,
    isFeedbackVisible: true,
};
//# sourceMappingURL=FloatingPeoplePicker.doc.js.map