define(["require", "exports", "react", "@fluentui/react-experiments/lib/Slider", "@fluentui/react/lib/Stack"], function (require, exports, React, Slider_1, Stack_1) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    exports.SliderVerticalExample = void 0;
    var stackTokens = { childrenGap: 20 };
    /* eslint-disable react/jsx-no-bind */
    var SliderVerticalExample = function () {
        var marks = [
            {
                value: 0,
                label: '0°C',
            },
            {
                value: 30,
                label: '30°C',
            },
            {
                value: 80,
                label: '80°C',
            },
            {
                value: 100,
                label: '100°C',
            },
        ];
        return (React.createElement(Stack_1.Stack, { horizontal: true, tokens: stackTokens, styles: { root: { height: 200 } } },
            React.createElement(Slider_1.Slider, { label: "Basic", min: 1, max: 5, step: 1, defaultValue: 2, showValue: true, vertical: true }),
            React.createElement(Slider_1.Slider, { label: "Marks", min: 0, max: 100, step: 10, defaultValue: 2, showValue: true, vertical: true, marks: marks, showThumbTooltip: true }),
            React.createElement(Slider_1.Slider, { label: "Disabled", min: 50, max: 500, step: 50, defaultValue: 300, showValue: true, vertical: true, disabled: true }),
            React.createElement(Slider_1.Slider, { label: "Controlled", max: 10, vertical: true, showValue: true }),
            React.createElement(Slider_1.Slider, { label: "Formatted value", max: 100, valueFormat: function (value) { return value + "%"; }, showValue: true, vertical: true }),
            React.createElement(Slider_1.Slider, { 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