import { jsx as _jsx } from "react/jsx-runtime";
import React from "react";
import styled from "styled-components";
import Slider from "./index";
export default {
    title: "Controls/New Slider",
};
const Wrapper = styled.div `
  padding: 50px;
`;
export const Enabled = () => {
    const [val, setVal] = React.useState(0);
    return (_jsx(Wrapper, { children: _jsx(Slider, { value: val, onChange: setVal, formatValue: (v) => `${v.toFixed(2)}%`, minValue: 0, maxValue: 100, width: "318px", subscripts: ["Short", "Long"] }) }));
};
export const WithColorPicker = () => {
    const [val, setVal] = React.useState(0);
    return (_jsx(Wrapper, { children: _jsx(Slider, { value: val, onChange: setVal, formatValue: (v) => `${v.toFixed(2)}%`, minValue: 0, maxValue: 100, width: "318px", subscripts: ["Short", "Long"], pickedColors: ["#FE6666", "#CCDAE9", "#55AE58"] }) }));
};
//# sourceMappingURL=index.stories.js.map