"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var React = require("react");
var ContextualMenu_Basic_Example_1 = require("./ContextualMenu.Basic.Example");
var ContextualMenu_Default_Example_1 = require("./ContextualMenu.Default.Example");
var ContextualMenu_Icon_Example_1 = require("./ContextualMenu.Icon.Example");
var ContextualMenu_Icon_SecondaryText_Example_1 = require("./ContextualMenu.Icon.SecondaryText.Example");
var ContextualMenu_Submenu_Example_1 = require("./ContextualMenu.Submenu.Example");
var ContextualMenu_Section_Example_1 = require("./ContextualMenu.Section.Example");
var ContextualMenu_Checkmarks_Example_1 = require("./ContextualMenu.Checkmarks.Example");
var ContextualMenu_Directional_Example_1 = require("./ContextualMenu.Directional.Example");
var ContextualMenu_Customization_Example_1 = require("./ContextualMenu.Customization.Example");
var ContextualMenu_CustomizationWithNoWrap_Example_1 = require("./ContextualMenu.CustomizationWithNoWrap.Example");
var ContextualMenu_ScrollBar_Example_1 = require("./ContextualMenu.ScrollBar.Example");
var ContextualMenu_CustomMenuItem_Example_1 = require("./ContextualMenu.CustomMenuItem.Example");
var ContextualMenu_CustomMenuList_Example_1 = require("./ContextualMenu.CustomMenuList.Example");
var ContextualMenu_Header_Example_1 = require("./ContextualMenu.Header.Example");
var ContextualMenu_Persisted_Example_1 = require("./ContextualMenu.Persisted.Example");
var ContextualMenuBasicExampleCode = require('!raw-loader!@fluentui/examples/src/react-next/ContextualMenu/ContextualMenu.Basic.Example.tsx');
var ContextualMenuDefaultExampleCode = require('!raw-loader!@fluentui/examples/src/react-next/ContextualMenu/ContextualMenu.Default.Example.tsx');
var ContextualMenuPersistedExampleCode = require('!raw-loader!@fluentui/examples/src/react-next/ContextualMenu/ContextualMenu.Persisted.Example.tsx');
var ContextualMenuIconExampleCode = require('!raw-loader!@fluentui/examples/src/react-next/ContextualMenu/ContextualMenu.Icon.Example.tsx');
var ContextualMenuIconSecondaryTextExampleCode = require('!raw-loader!@fluentui/examples/src/react-next/ContextualMenu/ContextualMenu.Icon.SecondaryText.Example.tsx');
var ContextualMenuSubmenuExampleCode = require('!raw-loader!@fluentui/examples/src/react-next/ContextualMenu/ContextualMenu.Submenu.Example.tsx');
var ContextualMenuSectionExampleCode = require('!raw-loader!@fluentui/examples/src/react-next/ContextualMenu/ContextualMenu.Section.Example.tsx');
var ContextualMenuCheckmarksExampleCode = require('!raw-loader!@fluentui/examples/src/react-next/ContextualMenu/ContextualMenu.Checkmarks.Example.tsx');
var ContextualMenuDirectionalExampleCode = require('!raw-loader!@fluentui/examples/src/react-next/ContextualMenu/ContextualMenu.Directional.Example.tsx');
var ContextualMenuCustomizationExampleCode = require('!raw-loader!@fluentui/examples/src/react-next/ContextualMenu/ContextualMenu.Customization.Example.tsx');
var ContextualMenuCustomizationWithNoWrapExampleCode = require('!raw-loader!@fluentui/examples/src/react-next/ContextualMenu/ContextualMenu.CustomizationWithNoWrap.Example.tsx');
var ContextualMenuWithScrollBarExampleCode = require('!raw-loader!@fluentui/examples/src/react-next/ContextualMenu/ContextualMenu.ScrollBar.Example.tsx');
var ContextualMenuWithCustomMenuItemExampleCode = require('!raw-loader!@fluentui/examples/src/react-next/ContextualMenu/ContextualMenu.CustomMenuItem.Example.tsx');
var ContextualMenuCustomMenuListExampleCode = require('!raw-loader!@fluentui/examples/src/react-next/ContextualMenu/ContextualMenu.CustomMenuList.Example.tsx');
var ContextualMenuHeaderExampleCode = require('!raw-loader!@fluentui/examples/src/react-next/ContextualMenu/ContextualMenu.Header.Example.tsx');
exports.ContextualMenuPageProps = {
    title: 'ContextualMenu',
    componentName: 'ContextualMenu',
    componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react-next/src/components/ContextualMenu',
    examples: [
        {
            title: 'Basic ContextualMenu',
            code: ContextualMenuBasicExampleCode,
            view: React.createElement(ContextualMenu_Basic_Example_1.ContextualMenuBasicExample, null),
        },
        {
            title: 'Default ContextualMenu',
            code: ContextualMenuDefaultExampleCode,
            view: React.createElement(ContextualMenu_Default_Example_1.ContextualMenuDefaultExample, null),
        },
        {
            title: 'ContextualMenu which is persisted in the DOM',
            code: ContextualMenuPersistedExampleCode,
            view: React.createElement(ContextualMenu_Persisted_Example_1.ContextualMenuPersistedExample, null),
        },
        {
            title: 'ContextualMenu with icons',
            code: ContextualMenuIconExampleCode,
            view: React.createElement(ContextualMenu_Icon_Example_1.ContextualMenuIconExample, null),
        },
        {
            title: 'ContextualMenu with icons and secondary text',
            code: ContextualMenuIconSecondaryTextExampleCode,
            view: React.createElement(ContextualMenu_Icon_SecondaryText_Example_1.ContextualMenuIconSecondaryTextExample, null),
        },
        {
            title: 'ContextualMenu with submenus',
            code: ContextualMenuSubmenuExampleCode,
            view: React.createElement(ContextualMenu_Submenu_Example_1.ContextualMenuSubmenuExample, null),
        },
        {
            title: 'ContextualMenu with section headers',
            code: ContextualMenuSectionExampleCode,
            view: React.createElement(ContextualMenu_Section_Example_1.ContextualMenuSectionExample, null),
        },
        {
            title: 'ContextualMenu with checkable menu items and toggleable split button',
            code: ContextualMenuCheckmarksExampleCode,
            view: React.createElement(ContextualMenu_Checkmarks_Example_1.ContextualMenuCheckmarksExample, null),
        },
        {
            title: 'ContextualMenu with beak and directional settings',
            code: ContextualMenuDirectionalExampleCode,
            view: React.createElement(ContextualMenu_Directional_Example_1.ContextualMenuDirectionalExample, null),
        },
        {
            title: 'ContextualMenu with customized submenus',
            code: ContextualMenuCustomizationExampleCode,
            view: React.createElement(ContextualMenu_Customization_Example_1.ContextualMenuCustomizationExample, null),
        },
        {
            title: 'ContextualMenu with customized submenus and noWrap attributes',
            code: ContextualMenuCustomizationWithNoWrapExampleCode,
            view: React.createElement(ContextualMenu_CustomizationWithNoWrap_Example_1.ContextualMenuCustomizationWithNoWrapExample, null),
        },
        {
            title: 'ContextualMenu with a scroll bar and fixed direction',
            code: ContextualMenuWithScrollBarExampleCode,
            view: React.createElement(ContextualMenu_ScrollBar_Example_1.ContextualMenuWithScrollBarExample, null),
        },
        {
            title: 'ContextualMenu with custom rendered menu items',
            code: ContextualMenuWithCustomMenuItemExampleCode,
            view: React.createElement(ContextualMenu_CustomMenuItem_Example_1.ContextualMenuWithCustomMenuItemExample, null),
        },
        {
            title: 'ContextualMenu with custom rendered menu list that renders a search box to filter menu items',
            code: ContextualMenuCustomMenuListExampleCode,
            view: React.createElement(ContextualMenu_CustomMenuList_Example_1.ContextualMenuWithCustomMenuListExample, null),
        },
        {
            title: 'ContextualMenu with header',
            code: ContextualMenuHeaderExampleCode,
            view: React.createElement(ContextualMenu_Header_Example_1.ContextualMenuHeaderExample, null),
        },
    ],
    overview: require('!raw-loader!@fluentui/examples/src/react-next/ContextualMenu/docs/ContextualMenuOverview.md'),
    bestPractices: require('!raw-loader!@fluentui/examples/src/react-next/ContextualMenu/docs/ContextualMenuBestPractices.md'),
    isHeaderVisible: true,
    isFeedbackVisible: true,
};
//# sourceMappingURL=ContextualMenu.doc.js.map