define(["require", "exports", "react", "./SpinButton.Basic.Example", "./SpinButton.BasicDisabled.Example", "./SpinButton.Stateful.Example", "./SpinButton.BasicWithIcon.Example", "./SpinButton.BasicWithIconDisabled.Example", "./SpinButton.BasicWithEndPosition.Example", "./SpinButton.CustomStyled.Example"], function (require, exports, React, SpinButton_Basic_Example_1, SpinButton_BasicDisabled_Example_1, SpinButton_Stateful_Example_1, SpinButton_BasicWithIcon_Example_1, SpinButton_BasicWithIconDisabled_Example_1, SpinButton_BasicWithEndPosition_Example_1, SpinButton_CustomStyled_Example_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    var SpinButtonBasicExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/SpinButton/SpinButton.Basic.Example.tsx');
    var SpinButtonBasicDisabledExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/SpinButton/SpinButton.BasicDisabled.Example.tsx');
    var SpinButtonStatefulExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/SpinButton/SpinButton.Stateful.Example.tsx');
    var SpinButtonBasicWithIconExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/SpinButton/SpinButton.BasicWithIcon.Example.tsx');
    var SpinButtonBasicWithIconDisabledExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/SpinButton/SpinButton.BasicWithIconDisabled.Example.tsx');
    var SpinButtonBasicWithEndPositionExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/SpinButton/SpinButton.BasicWithEndPosition.Example.tsx');
    var SpinButtonCustomStyledExampleCode = require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/SpinButton/SpinButton.CustomStyled.Example.tsx');
    exports.SpinButtonPageProps = {
        title: 'SpinButton',
        componentName: 'SpinButton',
        componentUrl: 'https://github.com/microsoft/fluentui/tree/7.0/packages/office-ui-fabric-react/src/components/SpinButton',
        examples: [
            {
                title: 'Basic SpinButton',
                code: SpinButtonBasicExampleCode,
                view: React.createElement(SpinButton_Basic_Example_1.SpinButtonBasicExample, null),
            },
            {
                title: 'Basic Disabled SpinButton',
                code: SpinButtonBasicDisabledExampleCode,
                view: React.createElement(SpinButton_BasicDisabled_Example_1.SpinButtonBasicDisabledExample, null),
            },
            {
                title: 'Stateful SpinButton',
                code: SpinButtonStatefulExampleCode,
                view: React.createElement(SpinButton_Stateful_Example_1.SpinButtonStatefulExample, null),
            },
            {
                title: 'Basic SpinButton With Icon',
                code: SpinButtonBasicWithIconExampleCode,
                view: React.createElement(SpinButton_BasicWithIcon_Example_1.SpinButtonBasicWithIconExample, null),
            },
            {
                title: 'Basic SpinButton With Icon Disabled',
                code: SpinButtonBasicWithIconDisabledExampleCode,
                view: React.createElement(SpinButton_BasicWithIconDisabled_Example_1.SpinButtonBasicWithIconDisabledExample, null),
            },
            {
                title: 'Basic SpinButton With Icon and Positioned at the End',
                code: SpinButtonBasicWithEndPositionExampleCode,
                view: React.createElement(SpinButton_BasicWithEndPosition_Example_1.SpinButtonBasicWithEndPositionExample, null),
            },
            {
                title: 'Custom Styled SpinButton',
                code: SpinButtonCustomStyledExampleCode,
                view: React.createElement(SpinButton_CustomStyled_Example_1.SpinButtonCustomStyledExample, null),
            },
        ],
        overview: require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/SpinButton/docs/SpinButtonOverview.md'),
        bestPractices: require('!raw-loader!@fluentui/react-examples/src/office-ui-fabric-react/SpinButton/docs/SpinButtonBestPractices.md'),
        isHeaderVisible: true,
        isFeedbackVisible: true,
    };
});
//# sourceMappingURL=SpinButton.doc.js.map