import { ComponentMeta, ComponentStory } from "@storybook/react";
import { BrowserRouter } from "react-router";
import { Signup } from "./";

// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
export default {
  title: "Example/Signup",
  component: Signup,
} as ComponentMeta<typeof Signup>;

// More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
const Template: ComponentStory<typeof Signup> = (args) => (
  <BrowserRouter>
    <Signup
      data-component="Login$Brevity"
      classes={{
        headline: "headline",
        subtitle: "subtitle",
        secondaryButton: "secondaryButton",
        error: "error",
        container: "container",
        input: "input",
        primaryButton: "primaryButton",
        divider: "divider",
        footer: "footer",
        link: "link",
      }}
      {...args}
    />
  </BrowserRouter>
);

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