import {ComponentMeta, ComponentStory} from "@storybook/react";
import React from "react";
import {Slider} from "../Starship";
import "../Styles/index.scss";

export default {
    title: "Example/Slider",
    component: Slider,

    // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
} as ComponentMeta<typeof Slider>;

// More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
const Template: ComponentStory<typeof Slider> = args => {
    const marks = {
        0: "",
        25: "",
        50: "",
        75: "",
        100: "",
    };
    return (
        <>
            <Slider marks={marks} step={null}  defaultValue={37} />
        </>
    );
};

export const StarshipSlider = Template.bind({});
// More on args: https://storybook.js.org/docs/react/writing-stories/args
StarshipSlider.args = {title: "Starship Slider"};
