51 lines
930 B
TypeScript
51 lines
930 B
TypeScript
|
import type { Meta, StoryObj } from '@storybook/svelte';
|
||
|
import BlobViewer from '../lib/components/display/BlobViewer.svelte';
|
||
|
import {
|
||
|
audioAddress,
|
||
|
imageAddress,
|
||
|
imageVerticalAddress,
|
||
|
stlAddress,
|
||
|
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 Audio: Story = {
|
||
|
args: { address: audioAddress }
|
||
|
};
|
||
|
|
||
|
export const Video: Story = {
|
||
|
args: { address: videoAddress }
|
||
|
};
|
||
|
|
||
|
export const VideoVertical: Story = {
|
||
|
args: { address: videoVerticalAddress }
|
||
|
};
|
||
|
|
||
|
export const Model3d: Story = {
|
||
|
args: { address: stlAddress }
|
||
|
};
|