import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useState } from 'react';
import { Slider } from './slider.js';
const meta = {
    title: 'UI/Slider',
    component: Slider,
};
export default meta;
function SliderDemo() {
    const [value, setValue] = useState([50]);
    return (_jsxs("div", { style: { width: 300 }, children: [_jsx(Slider, { value: value, onValueChange: setValue, min: 0, max: 100, step: 1 }), _jsxs("p", { style: { marginTop: 8, fontSize: 12 }, children: ["Value: ", value[0]] })] }));
}
export const Default = {
    render: () => _jsx(SliderDemo, {}),
};
