import * as React from 'react';
import { KeytipsBasicExample } from './Keytips.Basic.Example';
import { KeytipsButtonExample } from './Keytips.Button.Example';
import { KeytipsCommandBarExample } from './Keytips.CommandBar.Example';
import { KeytipsOverflowExample } from './Keytips.Overflow.Example';
import { KeytipsDynamicExample } from './Keytips.Dynamic.Example';
var KeytipsBasicCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Keytip/Keytips.Basic.Example.tsx');
var KeytipsButtonCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Keytip/Keytips.Button.Example.tsx');
var KeytipsCommandBarCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Keytip/Keytips.CommandBar.Example.tsx');
var KeytipsOverflowCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Keytip/Keytips.Overflow.Example.tsx');
var KeytipsDynamicCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Keytip/Keytips.Dynamic.Example.tsx');
export var KeytipsPageProps = {
    title: 'Keytips',
    componentName: 'Keytips',
    componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/Keytips',
    examples: [
        {
            title: 'Keytips on Buttons',
            code: KeytipsButtonCode,
            view: React.createElement(KeytipsButtonExample, null),
        },
        {
            title: 'Keytips in a CommandBar',
            code: KeytipsCommandBarCode,
            view: React.createElement(KeytipsCommandBarExample, null),
        },
        {
            title: 'Keytips in an OverflowWell',
            code: KeytipsOverflowCode,
            view: React.createElement(KeytipsOverflowExample, null),
        },
        {
            title: 'Keytips in Pivots',
            code: KeytipsBasicCode,
            view: React.createElement(KeytipsBasicExample, null),
        },
        {
            title: 'Dynamically updating keytips',
            code: KeytipsDynamicCode,
            view: React.createElement(KeytipsDynamicExample, null),
        },
    ],
    overview: require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Keytip/docs/KeytipOverview.md'),
    bestPractices: require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Keytip/docs/KeytipBestPractices.md'),
    dos: require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Keytip/docs/KeytipDos.md'),
    donts: require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/Keytip/docs/KeytipDonts.md'),
    isHeaderVisible: true,
    isFeedbackVisible: true,
};
//# sourceMappingURL=Keytips.doc.js.map