import * as React from 'react';
import { FacepileAddFaceExample } from './Facepile.AddFace.Example';
import { FacepileBasicExample } from './Facepile.Basic.Example';
import { FacepileOverflowExample } from './Facepile.Overflow.Example';
var FacepileAddFaceExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Facepile/Facepile.AddFace.Example.tsx');
var FacepileBasicExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Facepile/Facepile.Basic.Example.tsx');
var FacepileOverflowExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Facepile/Facepile.Overflow.Example.tsx');
export var FacepilePageProps = {
    title: 'Facepile',
    componentName: 'Facepile',
    componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/Facepile',
    examples: [
        {
            title: 'Facepile with size, presence, and fade in options',
            code: FacepileBasicExampleCode,
            view: React.createElement(FacepileBasicExample, null),
        },
        {
            title: 'Facepile with overflow buttons',
            code: FacepileOverflowExampleCode,
            view: React.createElement(FacepileOverflowExample, null),
        },
        {
            title: 'Facepile with face adding functionality',
            code: FacepileAddFaceExampleCode,
            view: React.createElement(FacepileAddFaceExample, null),
        },
    ],
    overview: require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Facepile/docs/FacepileOverview.md'),
    bestPractices: require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Facepile/docs/FacepileBestPractices.md'),
    isHeaderVisible: true,
    isFeedbackVisible: true,
};
//# sourceMappingURL=Facepile.doc.js.map