define(["require", "exports", "react", "./Keytips.Basic.Example", "./Keytips.Button.Example", "./Keytips.CommandBar.Example", "./Keytips.Overflow.Example", "./Keytips.Dynamic.Example"], function (require, exports, React, Keytips_Basic_Example_1, Keytips_Button_Example_1, Keytips_CommandBar_Example_1, Keytips_Overflow_Example_1, Keytips_Dynamic_Example_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    var KeytipsBasicCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Keytip/Keytips.Basic.Example.tsx');
    var KeytipsButtonCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Keytip/Keytips.Button.Example.tsx');
    var KeytipsCommandBarCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Keytip/Keytips.CommandBar.Example.tsx');
    var KeytipsOverflowCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Keytip/Keytips.Overflow.Example.tsx');
    var KeytipsDynamicCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Keytip/Keytips.Dynamic.Example.tsx');
    exports.KeytipsPageProps = {
        title: 'Keytips',
        componentName: 'Keytips',
        componentUrl: 'https://github.com/microsoft/fluentui/tree/7.0/packages/office-ui-fabric-react/src/components/Keytips',
        examples: [
            {
                title: 'Keytips on Buttons',
                code: KeytipsButtonCode,
                view: React.createElement(Keytips_Button_Example_1.KeytipsButtonExample, null),
            },
            {
                title: 'Keytips in a CommandBar',
                code: KeytipsCommandBarCode,
                view: React.createElement(Keytips_CommandBar_Example_1.KeytipsCommandBarExample, null),
            },
            {
                title: 'Keytips in an OverflowWell',
                code: KeytipsOverflowCode,
                view: React.createElement(Keytips_Overflow_Example_1.KeytipsOverflowExample, null),
            },
            {
                title: 'Keytips in Pivots',
                code: KeytipsBasicCode,
                view: React.createElement(Keytips_Basic_Example_1.KeytipsBasicExample, null),
            },
            {
                title: 'Dyanmically updating keytips',
                code: KeytipsDynamicCode,
                view: React.createElement(Keytips_Dynamic_Example_1.KeytipsDynamicExample, null),
            },
        ],
        overview: require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Keytip/docs/KeytipOverview.md'),
        bestPractices: require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Keytip/docs/KeytipBestPractices.md'),
        dos: require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Keytip/docs/KeytipDos.md'),
        donts: require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/Keytip/docs/KeytipDonts.md'),
        isHeaderVisible: true,
        isFeedbackVisible: true,
    };
});
//# sourceMappingURL=Keytips.doc.js.map