import DownloaderItem, { DownloaderOverlay } from "./DownloaderItem";
import { Meta, Story, Canvas } from "@storybook/addon-docs/blocks";

<Meta title="Loaders/DownloaderItem" component={DownloaderOverlay} />

<Canvas>
	<Story name="DownloaderOverlay">
	<div style={{ height: '600px', position: 'relative' }}>
		<DownloaderOverlay
			downloaderItems={[
				<DownloaderItem
					label="Item Label"
					stripes
					showCancel
					truncateProgressText
					progressText="ReallyReallyReallyReallyReallyReallyReallyReallyReallyReallyReallyReallyReallyReallyReallyReallyLongText"
					timeStamp={Date.now()}
					timeStampText="Still working on it"
				/>
			]}
		/>
	</div>
	</Story>
</Canvas>