"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.SpinButtonBasicExample = void 0;
var React = require("react");
var SpinButton_1 = require("@fluentui/react/lib-commonjs/SpinButton");
var Stack_1 = require("@fluentui/react/lib-commonjs/Stack");
var stackTokens = { childrenGap: 20 };
// By default the field grows to fit available width. Constrain the width instead.
var styles = { spinButtonWrapper: { width: 75 } };
var SpinButtonBasicExample = function () {
    return (React.createElement(Stack_1.Stack, { tokens: stackTokens },
        React.createElement(SpinButton_1.SpinButton, { label: "Basic SpinButton", defaultValue: "0", min: 0, max: 100, step: 1, incrementButtonAriaLabel: "Increase value by 1", decrementButtonAriaLabel: "Decrease value by 1", styles: styles }),
        React.createElement(SpinButton_1.SpinButton, { label: "Decimal SpinButton", defaultValue: "0", min: 0, max: 10, step: 0.1, incrementButtonAriaLabel: "Increase value by 0.1", decrementButtonAriaLabel: "Decrease value by 0.1", styles: styles }),
        React.createElement(SpinButton_1.SpinButton, { label: "Disabled SpinButton", disabled: true, defaultValue: "25", min: 0, max: 100, step: 1, incrementButtonAriaLabel: "Increase value by 1", decrementButtonAriaLabel: "Decrease value by 1", styles: styles })));
};
exports.SpinButtonBasicExample = SpinButtonBasicExample;
//# sourceMappingURL=SpinButton.Basic.Example.js.map