define(["require", "exports", "react", "@fluentui/react"], function (require, exports, React, react_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.SliderVerticalExample = void 0;
    var stackStyles = { root: { height: 200 } };
    var stackTokens = { childrenGap: 20 };
    var valueFormat = function (value) { return value + "%"; };
    var SliderVerticalExample = function () {
        return (React.createElement(react_1.Stack, { horizontal: true, tokens: stackTokens, styles: stackStyles },
            React.createElement(react_1.Slider // prettier-ignore
            , { label: "Basic", min: 1, max: 5, step: 1, defaultValue: 2, showValue: true, vertical: true }),
            React.createElement(react_1.Slider // prettier-ignore
            , { label: "Disabled", min: 50, max: 500, step: 50, defaultValue: 300, showValue: true, vertical: true, disabled: true }),
            React.createElement(react_1.Slider // prettier-ignore
            , { label: "Controlled", max: 10, vertical: true, showValue: true }),
            React.createElement(react_1.Slider // prettier-ignore
            , { label: "Formatted value", max: 100, valueFormat: valueFormat, showValue: true, vertical: true }),
            React.createElement(react_1.Slider // prettier-ignore
            , { label: "Origin from zero", min: -5, max: 15, step: 1, defaultValue: 5, showValue: true, vertical: true, originFromZero: true })));
    };
    exports.SliderVerticalExample = SliderVerticalExample;
});
//# sourceMappingURL=Slider.Vertical.Example.js.map