define(["require", "exports", "react", "./SpinButton.Basic.Example", "./SpinButton.CustomStyled.Example", "./SpinButton.Icon.Example", "./SpinButton.Suffix.Example", "./SpinButton.TopPosition.Example", "./SpinButton.Controlled.Example"], function (require, exports, React, SpinButton_Basic_Example_1, SpinButton_CustomStyled_Example_1, SpinButton_Icon_Example_1, SpinButton_Suffix_Example_1, SpinButton_TopPosition_Example_1, SpinButton_Controlled_Example_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.SpinButtonPageProps = void 0;
    var SpinButtonBasicExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/SpinButton/SpinButton.Basic.Example.tsx');
    var SpinButtonCustomStyledExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/SpinButton/SpinButton.CustomStyled.Example.tsx');
    var SpinButtonIconExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/SpinButton/SpinButton.Icon.Example.tsx');
    var SpinButtonSuffixExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/SpinButton/SpinButton.Suffix.Example.tsx');
    var SpinButtonTopPositionExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/SpinButton/SpinButton.TopPosition.Example.tsx');
    var SpinButtonControlledExampleCode = require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/SpinButton/SpinButton.Controlled.Example.tsx');
    exports.SpinButtonPageProps = {
        title: 'SpinButton',
        componentName: 'SpinButton',
        componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/react/src/components/SpinButton',
        examples: [
            {
                title: 'Basic SpinButton',
                code: SpinButtonBasicExampleCode,
                view: React.createElement(SpinButton_Basic_Example_1.SpinButtonBasicExample, null),
            },
            {
                title: 'SpinButton with icon',
                code: SpinButtonIconExampleCode,
                view: React.createElement(SpinButton_Icon_Example_1.SpinButtonIconExample, null),
            },
            {
                title: 'SpinButton with label above',
                code: SpinButtonTopPositionExampleCode,
                view: React.createElement(SpinButton_TopPosition_Example_1.SpinButtonTopPositionExample, null),
            },
            {
                title: 'SpinButton with suffix and custom handlers',
                code: SpinButtonSuffixExampleCode,
                view: React.createElement(SpinButton_Suffix_Example_1.SpinButtonSuffixExample, null),
            },
            {
                title: 'Custom styled SpinButton',
                code: SpinButtonCustomStyledExampleCode,
                view: React.createElement(SpinButton_CustomStyled_Example_1.SpinButtonCustomStyledExample, null),
            },
            {
                title: 'Controlled SpinButton',
                code: SpinButtonControlledExampleCode,
                view: React.createElement(SpinButton_Controlled_Example_1.SpinButtonControlledExample, null),
            },
        ],
        overview: require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/SpinButton/docs/SpinButtonOverview.md'),
        bestPractices: require('!raw-loader?esModule=false!@fluentui/react-examples/src/react/SpinButton/docs/SpinButtonBestPractices.md'),
        isHeaderVisible: true,
        isFeedbackVisible: true,
    };
});
//# sourceMappingURL=SpinButton.doc.js.map