import React from "react";
import { Meta, StoryObj } from "@storybook/react-webpack5";
import { FilterBar } from "./FilterBar";
import { Wrapper } from "../../layouts/Wrapper";
import { DashboardWrapper } from "../../layouts/Dashboard";
import { Popover } from "../../tremor/Popover";

const meta: Meta<typeof FilterBar> = {
  component: FilterBar,
  title: "Components/Filter Bar",
  argTypes: {},
};
export default meta;

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

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

  args: {
    token:
      "eyJhbGciOiJIUzI1NiJ9.eyJyb2xlIjoiYXV0aGVudGljYXRlZCIsImFwcF9tZXRhZGF0YSI6eyJkYXNoYm9hcmRzIjpbImE5MDRkZGUwLTA0YmMtNGUxMC1iNzk3LTY3NDA2NzU5MDQ5NiJdLCJwYXJlbnRfdGVhbSI6ImVlNWIwOGM2LTUxNjctNDQyNS1iYmMzLWE3NDZmZTRhN2VhZCJ9LCJzdWIiOiI1ODk5Zjk5ZC1hNDQ5LTRiZmEtODc2OS0xOWMwOTdhYWYxZjYiLCJhdWQiOiJhdXRoZW50aWNhdGVkIiwiaWF0IjoxNzE4MzkwMTk4fQ.s8ZYWmQ2KC4JaxToSTal6-38zvGF57fQ3-_y1iMU62Q",
    baseUrl: "http://localhost:3004",
    id: "a904dde0-04bc-4e10-b797-674067590496",
  },

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