import React from "react";
import { ComponentStory, ComponentMeta } from "@storybook/react";

import { Alert } from "./Alert";

export default {
  title: "Components/Alert",
  component: Alert,
} as ComponentMeta<typeof Alert>;

const Template: ComponentStory<typeof Alert> = (args) => <Alert {...args} />;
export const Default = Template.bind({});
Default.args = {
  label: "Form-Level Message!",
  variants: "success",
};

export const SuccessMessage = Template.bind({});
SuccessMessage.args = {
  label: "Form-Level Message!",
  variants: "success",
};
export const ErrorMessage = Template.bind({});
ErrorMessage.args = {
  label: "Form-Level Error Message!",
  variants: "error",
};