import * as React from 'react';
import { TooltipCustomExample } from './Tooltip.Custom.Example';
import { TooltipBasicExample } from './Tooltip.Basic.Example';
import { TooltipDisplayExample } from './Tooltip.Display.Example';
import { TooltipInteractiveExample } from './Tooltip.Interactive.Example';
import { TooltipOverflowExample } from './Tooltip.Overflow.Example';
import { TooltipAbsolutePositionExample } from './Tooltip.AbsolutePosition.Example';
var TooltipBasicExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Tooltip/Tooltip.Basic.Example.tsx');
var TooltipDisplayExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Tooltip/Tooltip.Display.Example.tsx');
var TooltipCustomExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Tooltip/Tooltip.Custom.Example.tsx');
var TooltipInteractiveExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Tooltip/Tooltip.Interactive.Example.tsx');
var TooltipOverflowExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Tooltip/Tooltip.Overflow.Example.tsx');
var TooltipAbsolutePositionExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Tooltip/Tooltip.AbsolutePosition.Example.tsx');
export var TooltipPageProps = {
    title: 'Tooltip',
    componentName: 'Tooltip',
    componentUrl: 'https://github.com/microsoft/fluentui/tree/7.0/packages/office-ui-fabric-react/src/components/Tooltip',
    examples: [
        {
            title: 'Default Tooltip',
            code: TooltipBasicExampleCode,
            view: React.createElement(TooltipBasicExample, null),
        },
        {
            title: 'Tooltip wrapping inline or inline-block elements',
            code: TooltipDisplayExampleCode,
            view: React.createElement(TooltipDisplayExample, null),
        },
        {
            title: 'Tooltip with custom content',
            code: TooltipCustomExampleCode,
            view: React.createElement(TooltipCustomExample, null),
        },
        {
            title: 'Tooltip with a closing delay',
            code: TooltipInteractiveExampleCode,
            view: React.createElement(TooltipInteractiveExample, null),
        },
        {
            title: 'Tooltip only on overflow',
            code: TooltipOverflowExampleCode,
            view: React.createElement(TooltipOverflowExample, null),
        },
        {
            title: 'Tooltip on absolutely-positioned element',
            code: TooltipAbsolutePositionExampleCode,
            view: React.createElement(TooltipAbsolutePositionExample, null),
        },
    ],
    overview: require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Tooltip/docs/TooltipOverview.md'),
    bestPractices: require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Tooltip/docs/TooltipBestPractices.md'),
    isHeaderVisible: true,
    isFeedbackVisible: true,
    allowNativeProps: true,
};
//# sourceMappingURL=Tooltip.doc.js.map