import React from "react";
import { Meta, StoryObj } from "@storybook/react-webpack5";
import { Copilot } from "./Copilot";
import { Wrapper } from "../Wrapper/Wrapper";
import { Label } from "../../tremor/Text";
import { DashboardWrapper } from "../Dashboard";

const meta: Meta<typeof Copilot> = {
  component: Copilot,
  title: "Layouts/Copilot",
  argTypes: {},
};
export default meta;

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

export const Primary: Story = {
  render: (args) => {
    return (
      <div className="onvo-h-screen onvo-w-screen">
        <Wrapper token={args.token} baseUrl={args.baseUrl}>
          <DashboardWrapper id={args.id}>
            <Copilot />
          </DashboardWrapper>
        </Wrapper>
      </div>
    );
  },

  args: {
    token:
      "eyJhbGciOiJIUzI1NiJ9.eyJyb2xlIjoiYXV0aGVudGljYXRlZCIsImFwcF9tZXRhZGF0YSI6eyJkYXNoYm9hcmRzIjpbImFlNWIxZGRlLTFmZjUtNDk2Ny1hZmUxLTYzOWI3NTVjNzEwMiJdLCJwYXJlbnRfdGVhbSI6ImVlNWIwOGM2LTUxNjctNDQyNS1iYmMzLWE3NDZmZTRhN2VhZCJ9LCJzdWIiOiI1ODk5Zjk5ZC1hNDQ5LTRiZmEtODc2OS0xOWMwOTdhYWYxZjYiLCJhdWQiOiJhdXRoZW50aWNhdGVkIiwiaWF0IjoxNzE5MzA3MDgxfQ.230JQNigbv9HOSXms9m-JGKlpGveuD3-_bR3XdqRhEk",
    baseUrl: "http://localhost:3004",
    id: "ae5b1dde-1ff5-4967-afe1-639b755c7102",
  },

  parameters: { layout: "fullscreen" },
};