import React from "react";
import ZoomSlider from "./ZoomSlider";
const ComponentCode = "<ZoomSlider value={1} max={128}/>";
export default {
    component: ZoomSlider,
    title: "WellLogViewer/Components/ZoomSlider",
    parameters: {
        docs: {
            description: {
                component: "An auxiliary component for WellLogViewer demo component. Used for setting a zoom factor to well log tracks",
            },
        },
        componentSource: {
            code: ComponentCode,
            language: "javascript",
        },
    },
    argTypes: {
        value: {
            description: "Zoom value",
            defaultValue: 1,
        },
        max: {
            description: "Max zoom value",
            defaultValue: 256,
        },
        onChange: {
            description: "zoom value callback",
        },
        step: {
            description: "zoom level step",
            defaultValue: 0.5,
        },
    },
};
const Template = (args) => {
    return (React.createElement("div", { style: { height: "92vh" } },
        React.createElement("div", { style: { width: "97%", height: "100%", flex: 1 } },
            "Zoom:",
            React.createElement(ZoomSlider, Object.assign({ id: "ZoomSlider" }, args)))));
};
export const Default = Template.bind({});
Default.args = {
    value: 1,
    max: 128,
};
//# sourceMappingURL=ZoomSlider.stories.js.map