// @ts-nocheck
import avatar from "../../../.storybook/uk1.patrizia.huggel.jpg";

import AccountMenuContent from "@/components/header/AccountMenuContent.vue";
import type { Meta, StoryObj } from "@storybook/vue3";

// More on how to set up stories at: https://storybook.js.org/docs/7.0/vue/writing-stories/introduction
const meta: Meta<typeof AccountMenuContent> = {
  title: "VBV/Header/AccountMenuContent",
  component: AccountMenuContent,
  tags: ["autodocs"],
  argTypes: { onClosemodal: { action: "closeModal" } },
  parameters: {
    viewport: {
      defaultViewport: "mobile1",
    },
  },
  decorators: [() => ({ template: '<div class=""><story /></div>' })],
};

export default meta;
type Story = StoryObj<typeof AccountMenuContent>;

const courseSessions = [
  {
    id: 1,
    title: "Bern 2023 a",
  },
  {
    id: 2,
    title: "Zürich 2023 a",
  },
];

const loggedInUser = {
  first_name: "Vreni",
  last_name: "Schmid",
  email: "vreni.schmid@example.com",
  avatar_url: avatar,
  loggedIn: true,
};

export const LoggedInUser: Story = {
  args: {
    allCourseSessions: courseSessions,
    user: loggedInUser,
  },
};

export const NoUser: Story = {
  args: {
    allCourseSessions: courseSessions,
    user: {
      loggedIn: false,
    },
  },
};
