From 70328533717fad66bfe3fc0af3e77653907f64bb Mon Sep 17 00:00:00 2001
From: svetlagasheva <svetulka_24@mail.bg>
Date: Tue, 27 Apr 2021 18:06:04 +0300
Subject: [PATCH] storybook Stream component added

---
 src/stories/Stream/Stream.js   | 14 ++++++++++++++
 src/stories/Stream/index.js    |  1 +
 src/stories/Stream/styles.less |  5 +++++
 src/stories/index.js           |  1 +
 4 files changed, 21 insertions(+)
 create mode 100644 src/stories/Stream/Stream.js
 create mode 100644 src/stories/Stream/index.js
 create mode 100644 src/stories/Stream/styles.less
 create mode 100644 src/stories/index.js

diff --git a/src/stories/Stream/Stream.js b/src/stories/Stream/Stream.js
new file mode 100644
index 000000000..fc0ac1fea
--- /dev/null
+++ b/src/stories/Stream/Stream.js
@@ -0,0 +1,14 @@
+const React = require('react');
+const { storiesOf } = require('@storybook/react');
+const Stream = require('stremio/routes/MetaDetails/StreamsList/Stream');
+const styles = require('./styles');
+
+storiesOf('Stream', module).add('Stream', () => (
+    <Stream
+        className={styles['stream-container']}
+        addonName={'Sample addon name'}
+        title={'1080p'}
+        thumbnail={'images/anonymous.png'}
+        progress={0.6}
+    />
+));
diff --git a/src/stories/Stream/index.js b/src/stories/Stream/index.js
new file mode 100644
index 000000000..ed3438f10
--- /dev/null
+++ b/src/stories/Stream/index.js
@@ -0,0 +1 @@
+require('./Stream');
diff --git a/src/stories/Stream/styles.less b/src/stories/Stream/styles.less
new file mode 100644
index 000000000..47840176d
--- /dev/null
+++ b/src/stories/Stream/styles.less
@@ -0,0 +1,5 @@
+.stream-container {
+    flex: none;
+    width: 28rem;
+    margin: 2rem;
+}
\ No newline at end of file
diff --git a/src/stories/index.js b/src/stories/index.js
new file mode 100644
index 000000000..ed3438f10
--- /dev/null
+++ b/src/stories/index.js
@@ -0,0 +1 @@
+require('./Stream');