import * as React from 'react';
import { CommandBarBasicExample } from './CommandBar.Basic.Example';
import { CommandBarButtonAsExample } from './CommandBar.ButtonAs.Example';
import { IndividualCommandBarButtonAsExampleWrapper } from './CommandBar.CommandBarButtonAs.Example';
import { CommandBarSplitDisabledExample } from './CommandBar.SplitDisabled.Example';
import { CommandBarLazyExample } from './CommandBar.Lazy.Example';
var CommandBarBasicExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/CommandBar/CommandBar.Basic.Example.tsx');
var CommandBarButtonAsExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/CommandBar/CommandBar.ButtonAs.Example.tsx');
var IndividualCommandBarButtonAsExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/CommandBar/CommandBar.CommandBarButtonAs.Example.tsx');
var CommandBarSplitDisabledExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/CommandBar/CommandBar.SplitDisabled.Example.tsx');
var CommandBarLazyExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/CommandBar/CommandBar.Lazy.Example.tsx');
export var CommandBarPageProps = {
    title: 'CommandBar',
    componentName: 'CommandBar',
    componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/office-ui-fabric-react/src/components/CommandBar',
    examples: [
        {
            title: 'CommandBar with overflowing menu items',
            code: CommandBarBasicExampleCode,
            view: React.createElement(CommandBarBasicExample, null),
        },
        {
            title: 'CommandBar custom buttons and overflow menu',
            code: CommandBarButtonAsExampleCode,
            view: React.createElement(CommandBarButtonAsExample, null),
        },
        {
            title: 'CommandBar with coachmark on individual button',
            code: IndividualCommandBarButtonAsExampleCode,
            view: React.createElement(IndividualCommandBarButtonAsExampleWrapper, null),
        },
        {
            title: 'CommandBar with split and disabled buttons',
            code: CommandBarSplitDisabledExampleCode,
            view: React.createElement(CommandBarSplitDisabledExample, null),
        },
        {
            title: 'CommandBar with lazy-loading menus',
            code: CommandBarLazyExampleCode,
            view: React.createElement(CommandBarLazyExample, null),
        },
    ],
    overview: require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/CommandBar/docs/CommandBarOverview.md'),
    bestPractices: require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/CommandBar/docs/CommandBarBestPractices.md'),
    dos: require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/CommandBar/docs/CommandBarDos.md'),
    donts: require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/CommandBar/docs/CommandBarDonts.md'),
    isHeaderVisible: true,
    isFeedbackVisible: true,
};
//# sourceMappingURL=CommandBar.doc.js.map