"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.SpinButtonIconExample = void 0;
var React = require("react");
var react_1 = require("@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 } };
var SpinButtonIconExample = function () {
    return (React.createElement(react_1.Stack, { tokens: stackTokens },
        React.createElement(react_1.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(react_1.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 })));
};
exports.SpinButtonIconExample = SpinButtonIconExample;
//# sourceMappingURL=SpinButton.Icon.Example.js.map