define(["require", "exports", "react", "./Button.Default.Example", "./Button.ContextualMenu.Example", "./Button.Compound.Example", "./Button.Action.Example", "./Button.CommandBar.Example", "./Button.Command.Example", "./Button.Icon.Example", "./Button.IconWithTooltip.Example", "./Button.Anchor.Example", "./Button.ScreenReader.Example", "./Button.Split.Example", "./Button.CustomSplit.Example", "./Button.Toggle.Example"], function (require, exports, React, Button_Default_Example_1, Button_ContextualMenu_Example_1, Button_Compound_Example_1, Button_Action_Example_1, Button_CommandBar_Example_1, Button_Command_Example_1, Button_Icon_Example_1, Button_IconWithTooltip_Example_1, Button_Anchor_Example_1, Button_ScreenReader_Example_1, Button_Split_Example_1, Button_CustomSplit_Example_1, Button_Toggle_Example_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    var ButtonActionExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Button/Button.Action.Example.tsx');
    var ButtonAnchorExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Button/Button.Anchor.Example.tsx');
    var ButtonCommandBarExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Button/Button.CommandBar.Example.tsx');
    var ButtonCompoundExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Button/Button.Compound.Example.tsx');
    var ButtonContextualMenuExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Button/Button.ContextualMenu.Example.tsx');
    var ButtonCustomSplitExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Button/Button.CustomSplit.Example.tsx');
    var ButtonDefaultExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Button/Button.Default.Example.tsx');
    var ButtonIconExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Button/Button.Icon.Example.tsx');
    var ButtonIconWithTooltipExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Button/Button.IconWithTooltip.Example.tsx');
    var ButtonScreenReaderExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Button/Button.ScreenReader.Example.tsx');
    var ButtonSplitExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Button/Button.Split.Example.tsx');
    var ButtonToggleExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Button/Button.Toggle.Example.tsx');
    var ButtonCommandExampleCode = require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Button/Button.Command.Example.tsx');
    /**
     * Exports a function because the documentation of this page requires some interactivity that is passed in here
     * as a prop.
     * @param props Props that are specific to generating page props for ButtonPage
     */
    exports.ButtonPageProps = function (props) { return ({
        title: 'Button',
        componentName: 'ButtonExample',
        componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/office-ui-fabric-react/src/components/Button',
        examples: [
            {
                title: 'Default Button',
                code: ButtonDefaultExampleCode,
                view: React.createElement(Button_Default_Example_1.ButtonDefaultExample, { disabled: props.areButtonsDisabled, checked: props.areButtonsChecked }),
            },
            {
                title: 'Compound Button',
                code: ButtonCompoundExampleCode,
                view: React.createElement(Button_Compound_Example_1.ButtonCompoundExample, { disabled: props.areButtonsDisabled, checked: props.areButtonsChecked }),
            },
            {
                title: 'Command Bar Button',
                code: ButtonCommandBarExampleCode,
                view: React.createElement(Button_CommandBar_Example_1.ButtonCommandBarExample, { disabled: props.areButtonsDisabled, checked: props.areButtonsChecked }),
            },
            {
                title: 'Split Button',
                code: ButtonSplitExampleCode,
                view: React.createElement(Button_Split_Example_1.ButtonSplitExample, { disabled: props.areButtonsDisabled, checked: props.areButtonsChecked }),
            },
            {
                title: 'Icon Button',
                code: ButtonIconExampleCode,
                view: React.createElement(Button_Icon_Example_1.ButtonIconExample, { disabled: props.areButtonsDisabled, checked: props.areButtonsChecked }),
            },
            {
                title: 'Icon Button with Tooltip',
                code: ButtonIconWithTooltipExampleCode,
                view: React.createElement(Button_IconWithTooltip_Example_1.ButtonIconWithTooltipExample, { disabled: props.areButtonsDisabled, checked: props.areButtonsChecked }),
            },
            {
                title: 'Contextual Menu Button',
                code: ButtonContextualMenuExampleCode,
                view: React.createElement(Button_ContextualMenu_Example_1.ButtonContextualMenuExample, { disabled: props.areButtonsDisabled, checked: props.areButtonsChecked }),
            },
            {
                title: 'Action Button',
                code: ButtonActionExampleCode,
                view: React.createElement(Button_Action_Example_1.ButtonActionExample, { disabled: props.areButtonsDisabled, checked: props.areButtonsChecked }),
            },
            {
                title: 'Command Button',
                code: ButtonCommandExampleCode,
                view: React.createElement(Button_Command_Example_1.ButtonCommandExample, { disabled: props.areButtonsDisabled, checked: props.areButtonsChecked }),
            },
            {
                title: 'Button-like Anchor',
                code: ButtonAnchorExampleCode,
                view: React.createElement(Button_Anchor_Example_1.ButtonAnchorExample, { disabled: props.areButtonsDisabled, checked: props.areButtonsChecked }),
            },
            {
                title: 'Button with Aria Description for Screen Reader',
                code: ButtonScreenReaderExampleCode,
                view: React.createElement(Button_ScreenReader_Example_1.ButtonScreenReaderExample, { disabled: props.areButtonsDisabled, checked: props.areButtonsChecked }),
            },
            {
                title: 'Custom Split Button',
                code: ButtonCustomSplitExampleCode,
                view: React.createElement(Button_CustomSplit_Example_1.ButtonSplitCustomExample, { disabled: props.areButtonsDisabled, checked: props.areButtonsChecked }),
            },
            {
                title: 'Toggle Button',
                code: ButtonToggleExampleCode,
                view: React.createElement(Button_Toggle_Example_1.ButtonToggleExample, { disabled: props.areButtonsDisabled, checked: props.areButtonsChecked }),
            },
        ],
        allowNativeProps: true,
        nativePropsElement: ['a', 'button'],
        overview: require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Button/docs/ButtonOverview.md'),
        bestPractices: require('!raw-loader!@fluentui/examples/src/office-ui-fabric-react/Button/docs/ButtonBestPractices.md'),
        isHeaderVisible: true,
        isFeedbackVisible: true,
    }); };
});
//# sourceMappingURL=Button.doc.js.map