import {ComponentMeta, ComponentStory} from "@storybook/react";
import {Col, Row} from "antd";
import React from "react";
import "../Styles/index.scss";
import { RangePicker } from "../Starship";


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

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


// More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
const Template: ComponentStory<typeof RangePicker> = args => {
    return (
        <>
            {/* primary button only text */}

            <Row
                gutter={[16, 16]}
                style={{padding: "16px"}}
                justify={"center"}
                align={"middle"}
            >
                <Col>
                    <RangePicker
                        showTime={{ format: 'HH:mm' }}
                        format="YYYY-MM-DD HH:mm"
                    />
                       
                </Col>
            </Row>
            {/* primary button only text */}
        </>
    );
};

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