import React from "react";
import { Meta, StoryObj } from "@storybook/react-webpack5";
import { DashboardList } from "./DashboardList";
import { Wrapper } from "../Wrapper/Wrapper";

const meta: Meta<typeof DashboardList> = {
  component: DashboardList,
  title: "Layouts/Dashboard List",
  argTypes: {
    variant: {
      options: ['grid', 'list'],
      control: { type: 'radio' },
    },
    theme: {
      options: ['dark', 'light', 'system'],
      control: { type: 'radio' },
    },
  },
};
export default meta;

type Story = StoryObj<{
  token: string;
  baseUrl: string;
  variant: string;
  theme: string;
}>;

export const Primary: Story = (args) => {
  return (
    <Wrapper {...args}>
      <DashboardList theme={args.theme} variant={args.variant} />
    </Wrapper>
  );
};

Primary.args = {
  token:
    "eyJhbGciOiJIUzI1NiJ9.eyJyb2xlIjoiYXV0aGVudGljYXRlZCIsImFwcF9tZXRhZGF0YSI6eyJkYXNoYm9hcmRzIjpbImFlNWIxZGRlLTFmZjUtNDk2Ny1hZmUxLTYzOWI3NTVjNzEwMiJdLCJwYXJlbnRfdGVhbSI6ImVlNWIwOGM2LTUxNjctNDQyNS1iYmMzLWE3NDZmZTRhN2VhZCJ9LCJzdWIiOiI1ODk5Zjk5ZC1hNDQ5LTRiZmEtODc2OS0xOWMwOTdhYWYxZjYiLCJhdWQiOiJhdXRoZW50aWNhdGVkIiwiaWF0IjoxNzE5MzA3MDgxfQ.230JQNigbv9HOSXms9m-JGKlpGveuD3-_bR3XdqRhEk",
  baseUrl: "http://localhost:3004",
  variant: "grid",
  theme: "light",
};

Primary.parameters = { layout: "fullscreen" };