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: any) => {
  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" };