import * as React from 'react';
import { TeachingBubbleBasicExample } from './TeachingBubble.Basic.Example';
import { TeachingBubbleWideExample } from './TeachingBubble.Wide.Example';
import { TeachingBubbleCondensedExample } from './TeachingBubble.Condensed.Example';
import { TeachingBubbleIllustrationExample } from './TeachingBubble.Illustration.Example';
import { TeachingBubbleWideIllustrationExample } from './TeachingBubble.WideIllustration.Example';
import { TeachingBubbleSmallHeadlineExample } from './TeachingBubble.SmallHeadline.Example';
import { TeachingBubbleMultiStepExample } from './TeachingBubble.MultiStep.Example';
var TeachingBubbleBasicExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/TeachingBubble/TeachingBubble.Basic.Example.tsx');
var TeachingBubbleWideExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/TeachingBubble/TeachingBubble.Wide.Example.tsx');
var TeachingBubbleCondensedExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/TeachingBubble/TeachingBubble.Condensed.Example.tsx');
var TeachingBubbleIllustrationExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/TeachingBubble/TeachingBubble.Illustration.Example.tsx');
var TeachingBubbleWideIllustrationExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/TeachingBubble/TeachingBubble.WideIllustration.Example.tsx');
var TeachingBubbleSmallHeadlineExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/TeachingBubble/TeachingBubble.SmallHeadline.Example.tsx');
var TeachingBubbleMultiStepExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/TeachingBubble/TeachingBubble.MultiStep.Example.tsx');
export var TeachingBubblePageProps = {
    title: 'TeachingBubble',
    componentName: 'TeachingBubble',
    componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-next/src/components/TeachingBubble',
    examples: [
        {
            title: 'TeachingBubble Basic',
            code: TeachingBubbleBasicExampleCode,
            view: React.createElement(TeachingBubbleBasicExample, null),
        },
        {
            title: 'TeachingBubble Wide',
            code: TeachingBubbleWideExampleCode,
            view: React.createElement(TeachingBubbleWideExample, null),
        },
        {
            title: 'TeachingBubble Condensed',
            code: TeachingBubbleCondensedExampleCode,
            view: React.createElement(TeachingBubbleCondensedExample, null),
        },
        {
            title: 'TeachingBubble with Illustration',
            code: TeachingBubbleIllustrationExampleCode,
            view: React.createElement(TeachingBubbleIllustrationExample, null),
        },
        {
            title: 'TeachingBubble Wide with Illustration',
            code: TeachingBubbleWideIllustrationExampleCode,
            view: React.createElement(TeachingBubbleWideIllustrationExample, null),
        },
        {
            title: 'TeachingBubble with small headline',
            code: TeachingBubbleSmallHeadlineExampleCode,
            view: React.createElement(TeachingBubbleSmallHeadlineExample, null),
        },
        {
            title: 'TeachingBubble with multi-steps',
            code: TeachingBubbleMultiStepExampleCode,
            view: React.createElement(TeachingBubbleMultiStepExample, null),
        },
    ],
    overview: require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/TeachingBubble/docs/TeachingBubbleOverview.md'),
    bestPractices: require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/TeachingBubble/docs/TeachingBubbleBestPractices.md'),
    isHeaderVisible: true,
    isFeedbackVisible: true,
};
//# sourceMappingURL=TeachingBubble.doc.js.map