2023-01-19 23:32:26 +01:00
|
|
|
import type { Meta, StoryObj } from "@storybook/svelte";
|
|
|
|
import BlobViewer from "../components/display/BlobViewer.svelte";
|
2023-01-20 13:15:58 +01:00
|
|
|
import { videoAddress, videoVerticalAddress } from "./common";
|
2023-01-19 23:32:26 +01:00
|
|
|
|
|
|
|
const meta: Meta<BlobViewer> = {
|
|
|
|
title: "Blobs/BlobViewer",
|
|
|
|
component: BlobViewer,
|
|
|
|
tags: ["autodocs"],
|
|
|
|
argTypes: {
|
|
|
|
detail: {
|
|
|
|
control: {
|
2023-01-20 13:15:58 +01:00
|
|
|
type: "boolean",
|
|
|
|
},
|
|
|
|
},
|
2023-01-19 23:32:26 +01:00
|
|
|
},
|
|
|
|
};
|
|
|
|
|
|
|
|
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 },
|
|
|
|
};
|
2023-01-20 13:15:58 +01:00
|
|
|
|
|
|
|
export const VideoVertical: Story = {
|
|
|
|
args: { address: videoVerticalAddress },
|
|
|
|
};
|