import * as React from 'react';
import { HoverCardBasicExample } from './HoverCard.Basic.Example';
import { HoverCardPlainCardExample } from './HoverCard.PlainCard.Example';
import { HoverCardTargetExample } from './HoverCard.Target.Example';
import { HoverCardInstantDismissExample } from './HoverCard.InstantDismiss.Example';
import { HoverCardEventListenerTargetExample } from './HoverCard.EventListenerTarget.Example';
var HoverCardBasicExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/HoverCard/HoverCard.Basic.Example.tsx');
var HoverCardTargetExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/HoverCard/HoverCard.Target.Example.tsx');
var HoverCardPlainCardExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/HoverCard/HoverCard.PlainCard.Example.tsx');
var HoverCardInstantDismissExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/HoverCard/HoverCard.InstantDismiss.Example.tsx');
var HoverCardEventListenerTargetExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/HoverCard/HoverCard.EventListenerTarget.Example.tsx');
export var HoverCardPageProps = {
    title: 'HoverCard',
    componentName: 'HoverCard',
    componentUrl: 'https://github.com/microsoft/fluentui/tree/7.0/packages/office-ui-fabric-react/src/components/HoverCard',
    examples: [
        {
            title: 'Expanding HoverCard wrapping an element',
            code: HoverCardBasicExampleCode,
            view: React.createElement(HoverCardBasicExample, null),
        },
        {
            title: 'Expanding HoverCard using target, DirectionalHint and custom hotkey',
            code: HoverCardTargetExampleCode,
            view: React.createElement(HoverCardTargetExample, null),
        },
        {
            title: 'Plain HoverCard wrapping an element',
            code: HoverCardPlainCardExampleCode,
            view: React.createElement(HoverCardPlainCardExample, null),
        },
        {
            title: 'Plain HoverCard with instant dismiss from within the card button click',
            code: HoverCardInstantDismissExampleCode,
            view: React.createElement(HoverCardInstantDismissExample, null),
        },
        {
            title: 'HoverCard using eventListenerTarget to trigger card open',
            code: HoverCardEventListenerTargetExampleCode,
            view: React.createElement(HoverCardEventListenerTargetExample, null),
        },
    ],
    overview: require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/HoverCard/docs/HoverCardOverview.md'),
    bestPractices: require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/HoverCard/docs/HoverCardBestPractices.md'),
    dos: require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/HoverCard/docs/HoverCardDos.md'),
    donts: require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/HoverCard/docs/HoverCardDonts.md'),
    isHeaderVisible: true,
    isFeedbackVisible: true,
    allowNativeProps: true,
};
//# sourceMappingURL=HoverCard.doc.js.map