import React from "react";
import { CloudForm } from "../components/Forms/CloudForm";
import { CloudUiProvider } from "../components/Providers";

export default {
	title: "Forms",
	component: CloudForm,
	decorators: [
		(Story) => (
			<CloudUiProvider
				apiKey="1234567890"
				user={{
					id: "2133",
					name: "John",
					email: "josh.casey@nsa.gov"
				}}>
				<Story />
			</CloudUiProvider>
		)
	]
};

export const Primary = {
	args: {
		id: 1
	}
};

export const WithCTA = {
	args: {
		id: 37
	}
};

export const DraftMode = {
	args: {
		id: 37,
		isDraft: true
	}
};

export const Zipcode = {
	args: {
		...Primary.args,
		id: 3
	}
};
