import * as React from 'react';
import { SpinButtonBasicExample } from './SpinButton.Basic.Example';
import { SpinButtonBasicDisabledExample } from './SpinButton.BasicDisabled.Example';
import { SpinButtonStatefulExample } from './SpinButton.Stateful.Example';
import { SpinButtonBasicWithIconExample } from './SpinButton.BasicWithIcon.Example';
import { SpinButtonBasicWithIconDisabledExample } from './SpinButton.BasicWithIconDisabled.Example';
import { SpinButtonBasicWithEndPositionExample } from './SpinButton.BasicWithEndPosition.Example';
import { SpinButtonCustomStyledExample } from './SpinButton.CustomStyled.Example';
var SpinButtonBasicExampleCode = require('!raw-loader!@fluentui/examples/src/react-next/SpinButton/SpinButton.Basic.Example.tsx');
var SpinButtonBasicDisabledExampleCode = require('!raw-loader!@fluentui/examples/src/react-next/SpinButton/SpinButton.BasicDisabled.Example.tsx');
var SpinButtonStatefulExampleCode = require('!raw-loader!@fluentui/examples/src/react-next/SpinButton/SpinButton.Stateful.Example.tsx');
var SpinButtonBasicWithIconExampleCode = require('!raw-loader!@fluentui/examples/src/react-next/SpinButton/SpinButton.BasicWithIcon.Example.tsx');
var SpinButtonBasicWithIconDisabledExampleCode = require('!raw-loader!@fluentui/examples/src/react-next/SpinButton/SpinButton.BasicWithIconDisabled.Example.tsx');
var SpinButtonBasicWithEndPositionExampleCode = require('!raw-loader!@fluentui/examples/src/react-next/SpinButton/SpinButton.BasicWithEndPosition.Example.tsx');
var SpinButtonCustomStyledExampleCode = require('!raw-loader!@fluentui/examples/src/react-next/SpinButton/SpinButton.CustomStyled.Example.tsx');
export var SpinButtonPageProps = {
    title: 'SpinButton',
    componentName: 'SpinButton',
    componentUrl: 'https://github.com/microsoft/fluentui/tree/master/packages/@fluentui/react-next/src/components/SpinButton',
    examples: [
        {
            title: 'Basic SpinButton',
            code: SpinButtonBasicExampleCode,
            view: React.createElement(SpinButtonBasicExample, null),
        },
        {
            title: 'Basic Disabled SpinButton',
            code: SpinButtonBasicDisabledExampleCode,
            view: React.createElement(SpinButtonBasicDisabledExample, null),
        },
        {
            title: 'Stateful SpinButton',
            code: SpinButtonStatefulExampleCode,
            view: React.createElement(SpinButtonStatefulExample, null),
        },
        {
            title: 'Basic SpinButton With Icon',
            code: SpinButtonBasicWithIconExampleCode,
            view: React.createElement(SpinButtonBasicWithIconExample, null),
        },
        {
            title: 'Basic SpinButton With Icon Disabled',
            code: SpinButtonBasicWithIconDisabledExampleCode,
            view: React.createElement(SpinButtonBasicWithIconDisabledExample, null),
        },
        {
            title: 'Basic SpinButton With Icon and Positioned at the End',
            code: SpinButtonBasicWithEndPositionExampleCode,
            view: React.createElement(SpinButtonBasicWithEndPositionExample, null),
        },
        {
            title: 'Custom Styled SpinButton',
            code: SpinButtonCustomStyledExampleCode,
            view: React.createElement(SpinButtonCustomStyledExample, null),
        },
    ],
    overview: require('!raw-loader!@fluentui/examples/src/react-next/SpinButton/docs/SpinButtonOverview.md'),
    bestPractices: require('!raw-loader!@fluentui/examples/src/react-next/SpinButton/docs/SpinButtonBestPractices.md'),
    isHeaderVisible: true,
    isFeedbackVisible: true,
};
//# sourceMappingURL=SpinButton.doc.js.map