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 }
};