import { fn } from "storybook/test";
import preview from "../../.storybook/preview.tsx";
import { AuthCard } from "./AuthCard.tsx";

const meta = preview.meta({
  title: "Account/Auth Card",
  component: AuthCard,
  tags: ["autodocs"],
  args: {
    onLogout: fn(),
  },
});

/**
 * The default case where elements are correctly separated with middots.
 */
export const Authenticated = meta.story({
  args: {
    currentUser: {
      id: "martin",
      email: "martin@example.com",
      isVerified: true,
    },
  },
});

/**
 * The default case in which all steps of the flow succeed.
 */
export const Anonymous = meta.story({
  args: {
    currentUser: null,
  },
});