import * as React from 'react';
import { CalloutBasicExample } from './Callout.Basic.Example';
import { StatusCalloutExample } from './Callout.Status.Example';
import { CalloutFocusTrapExample } from './Callout.FocusTrap.Example';
import { CalloutDirectionalExample } from './Callout.Directional.Example';
import { CalloutCoverExample } from './Callout.Cover.Example';
var CalloutBasicExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Callout/Callout.Basic.Example.tsx');
var StatusCalloutExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Callout/Callout.Status.Example.tsx');
var CalloutFocusTrapExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Callout/Callout.FocusTrap.Example.tsx');
var CalloutDirectionalExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Callout/Callout.Directional.Example.tsx');
var CalloutCoverExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Callout/Callout.Cover.Example.tsx');
export var CalloutPageProps = {
    title: 'Callout',
    componentName: 'Callout',
    componentUrl: 'https://github.com/microsoft/fluentui/tree/7.0/packages/office-ui-fabric-react/src/components/Callout',
    examples: [
        {
            title: 'Default Callout',
            code: CalloutBasicExampleCode,
            view: React.createElement(CalloutBasicExample, null),
        },
        {
            title: 'FocusTrapCallout Variant',
            code: CalloutFocusTrapExampleCode,
            view: React.createElement(CalloutFocusTrapExample, null),
        },
        {
            title: 'Non-focusable Callout with accessible text',
            code: StatusCalloutExampleCode,
            view: React.createElement(StatusCalloutExample, null),
        },
        {
            title: 'Callout with directional hint',
            code: CalloutDirectionalExampleCode,
            view: React.createElement(CalloutDirectionalExample, null),
        },
        {
            title: 'Callout that covers the target element',
            code: CalloutCoverExampleCode,
            view: React.createElement(CalloutCoverExample, null),
        },
    ],
    overview: require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Callout/docs/CalloutOverview.md'),
    bestPractices: require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Callout/docs/CalloutBestPractices.md'),
    isHeaderVisible: true,
    isFeedbackVisible: true,
};
//# sourceMappingURL=Callout.doc.js.map