import * as React from 'react';
import { SpinButton, Stack } from '@fluentui/react';
var stackTokens = { childrenGap: 20 };
var iconProps = { iconName: 'IncreaseIndentLegacy' };
// By default the field grows to fit available width. Constrain the width instead.
var styles = { spinButtonWrapper: { width: 75 } };
export var SpinButtonIconExample = function () {
    return (React.createElement(Stack, { tokens: stackTokens },
        React.createElement(SpinButton, { label: "With icon", iconProps: iconProps, defaultValue: "0", min: 0, max: 100, step: 1, incrementButtonAriaLabel: "Increase value by 1", decrementButtonAriaLabel: "Decrease value by 1", styles: styles }),
        React.createElement(SpinButton, { label: "Disabled with icon", iconProps: iconProps, disabled: true, defaultValue: "0", min: 0, max: 100, step: 1, incrementButtonAriaLabel: "Increase value by 1", decrementButtonAriaLabel: "Decrease value by 1", styles: styles })));
};
//# sourceMappingURL=SpinButton.Icon.Example.js.map