test: add <Video> story

Author: streamich

src/Video/__story__/story.tsx

@@ -0,0 +1,21 @@
+import {createElement as h} from 'react';
+import {storiesOf} from '@storybook/react';
+import {action} from '@storybook/addon-actions';
+import {linkTo} from '@storybook/addon-links';
+import {Video} from '..';
+import ShowDocs from '../../../.storybook/ShowDocs'
+
+const src = 'http://video.dailymail.co.uk/video/mol/2017/10/03/4242224567792913009/1024x576_MP4_4242224567792913009.mp4';
+
+storiesOf('Generators/Video', module)
+  .add('Documentation', () => h(ShowDocs, {name: 'Video'}))
+  .add('Example', () =>
+    <Video autoPlay style={{
+      width: 400,
+      border: '1px solid tomato'
+    }} src={src}>{({video}, {isPlaying}) =>
+      <div>
+        {video}
+      </div>
+    }</Video>
+  );

src/Video/index.ts

@@ -2,7 +2,7 @@ import {Component, cloneElement, Children} from 'react';
 import {h, noop} from '../util';
 import renderProp from '../util/renderProp';
 
-export type TVideoEvent = (event, Audio, IAudioState) => void;
+export type TVideoEvent = (event, Audio?, IAudioState?) => void;
 export type TVideoRenderProp = (video: Video, state: IVideoState) => React.ReactElement<any>;
 
 export interface IVideo {
@@ -14,7 +14,7 @@ export interface IVideo {
   unmute();
 }
 
-export interface IVideoProps {
+export interface IVideoProps extends React.AllHTMLAttributes<any> {
   src: string;
   children?: TVideoRenderProp;
   render?: TVideoRenderProp;