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

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

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

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

export const MobileMenuLoggedOut: Story = {
  args: {
    show: true,
    courseSession: undefined,
    mediaUrl: undefined,
  },
};

export const MobileMenuLoggedInInCourse: Story = {
  args: {
    show: true,
    courseSession: {
      course: {
        title: "Test Course",
      },
      course_url: "https://www.vbv.ch",
      learning_path_url: "https://www.vbv.ch",
    },
    user: {
      first_name: "Vreni",
      last_name: "Schmid",
      avatar_url: avatar,
      loggedIn: true,
    },
    mediaUrl: "https://www.vbv.ch",
  },
};

export const MobileMenuLoggedInDashboard: Story = {
  args: {
    show: true,
    courseSession: undefined,
    user: {
      first_name: "Vreni",
      last_name: "Schmid",
      avatar_url: avatar,
      loggedIn: true,
    },
    mediaUrl: "https://www.vbv.ch",
  },
};
