import * as React from 'react';
import { SpinButtonBasicExample } from './SpinButton.Basic.Example';
import { SpinButtonCustomStyledExample } from './SpinButton.CustomStyled.Example';
import { SpinButtonIconExample } from './SpinButton.Icon.Example';
import { SpinButtonSuffixExample } from './SpinButton.Suffix.Example';
import { SpinButtonTopPositionExample } from './SpinButton.TopPosition.Example';
import { SpinButtonControlledExample } from './SpinButton.Controlled.Example';
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');
export var 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(SpinButtonBasicExample, null),
        },
        {
            title: 'SpinButton with icon',
            code: SpinButtonIconExampleCode,
            view: React.createElement(SpinButtonIconExample, null),
        },
        {
            title: 'SpinButton with label above',
            code: SpinButtonTopPositionExampleCode,
            view: React.createElement(SpinButtonTopPositionExample, null),
        },
        {
            title: 'SpinButton with suffix and custom handlers',
            code: SpinButtonSuffixExampleCode,
            view: React.createElement(SpinButtonSuffixExample, null),
        },
        {
            title: 'Custom styled SpinButton',
            code: SpinButtonCustomStyledExampleCode,
            view: React.createElement(SpinButtonCustomStyledExample, null),
        },
        {
            title: 'Controlled SpinButton',
            code: SpinButtonControlledExampleCode,
            view: React.createElement(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