import * as React from 'react';
import { SpinButton, Position } from '@fluentui/react';
// By default the field grows to fit available width. Constrain the width instead.
var styles = { spinButtonWrapper: { width: 75 } };
export var SpinButtonTopPositionExample = function () {
    return (React.createElement(SpinButton, { label: "With label above", labelPosition: Position.top, defaultValue: "0", min: 0, max: 100, step: 1, incrementButtonAriaLabel: "Increase value by 1", decrementButtonAriaLabel: "Decrease value by 1", styles: styles }));
};
//# sourceMappingURL=SpinButton.TopPosition.Example.js.map