import type { Meta, StoryObj } from "@storybook/svelte";
import BlobViewer from "../components/display/BlobViewer.svelte";
import {
  imageAddress,
  imageVerticalAddress,
  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>;

export const Image: Story = {
  args: { address: imageAddress },
};

export const ImageVertical: Story = {
  args: { address: imageVerticalAddress },
};

export const Video: Story = {
  args: { address: videoAddress },
};

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