import { SignUp } from "./SignUp.jsx";
import React from "react";

export default {
  title: "Toplevel/SignUp",
  component: SignUp,
  parameters: {
    backgrounds: {
      default: "white",
      values: [
        { name: "white", value: "#ffffff" },
      ],
    },
    // layout: "fullscreen"
  },
  argTypes: {
    onSubmit: { action: "onSubmit" },
    label: { control: "text"},
    heading:{control:"text"},
    namePlaceholder: { control: "text", defaultValue: "Name" },
    emailPlaceholder: { control: "text", defaultValue: "Email" },
    phonePlaceholder: { control: "text", defaultValue: "Phone Number" },
  },
};

export const SignUpForm = (args) => <SignUp {...args} />;
SignUpForm.args = {
  label: "Sign Up",
  heading:"Create Account",
   namePlaceholder: "Name",
  emailPlaceholder: "Email",
  phonePlaceholder: "Phone Number"
};
