import type { Meta, StoryObj } from "@storybook/svelte";
import BlobViewer from "../components/display/BlobViewer.svelte";
import { videoAddress, videoVerticalAddress } from "./common";

const meta: Meta<BlobViewer> = {
  title: "Blobs/BlobViewer",
  component: BlobViewer,
  tags: ["autodocs"],
  argTypes: {
    detail: {
      control: {
        type: "boolean",
      },
    },
  },
};

export default meta;
type Story = StoryObj<BlobViewer>;

// More on writing stories with args: https://storybook.js.org/docs/7.0/svelte/writing-stories/args
export const Video: Story = {
  args: { address: videoAddress },
};

export const VideoVertical: Story = {
  args: { address: videoVerticalAddress },
};