"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

var _react = require("@storybook/react");

var _react2 = _interopRequireDefault(require("react"));

var _reactLoremComponent = _interopRequireDefault(require("react-lorem-component"));

var _ = require(".");

var _Box = require("../Box");

var _Image = require("../Image");

var _Lightbox = require("../Lightbox");

var _Text = require("../Text");

var __jsx = _react2["default"].createElement;
var stories = (0, _react.storiesOf)('Video', module);
stories.addDecorator(function (story) {
  return __jsx(_Box.Box, {
    mx: "auto",
    mt: 12,
    p: 12
  }, story());
});
stories.add('Default', function () {
  return __jsx(_Box.Box, null, __jsx(_Text.Text, null, ".mp4 (200x100)"), __jsx(_.Video, {
    src: "http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4",
    id: "2",
    width: 200,
    height: 100,
    cover: "http://placeimg.com/335/335"
  }), __jsx(_Text.Text, null, ".webm (300x200)"), __jsx(_.Video, {
    src: "http://clips.vorwaerts-gmbh.de/big_buck_bunny.webm",
    id: "3",
    width: 300,
    height: 200,
    cover: "http://placeimg.com/335/335"
  }), __jsx(_Text.Text, null, ".ogv (use default size)"), __jsx(_.Video, {
    src: "http://clips.vorwaerts-gmbh.de/big_buck_bunny.ogv",
    id: "7",
    cover: "http://placeimg.com/335/335"
  }));
});
stories.add('Youtube', function () {
  return __jsx(_Box.Box, null, __jsx(_.Video, {
    src: "http://www.youtube.com/embed/NlOF03DUoWc",
    id: "8",
    height: 400,
    width: 600
  }));
});
stories.add('sticky', function () {
  return __jsx(_Box.Box, null, __jsx(_reactLoremComponent["default"], {
    count: 2
  }), __jsx(_.Video, {
    src: "http://www.youtube.com/embed/NlOF03DUoWc",
    id: "4",
    cover: "http://placeimg.com/335/335",
    height: 600,
    width: 800,
    allowSticky: true
  }), __jsx(_reactLoremComponent["default"], {
    count: 30
  }));
});
stories.add('In lightbox', function () {
  return __jsx(_Lightbox.LightboxGalleryProvider, null, __jsx(_Box.Box, null, __jsx(_Image.Image, {
    src: "http://placeimg.com/335/335",
    withLightbox: true,
    key: 0
  }), __jsx(_Text.Text, null, "custom cover"), __jsx(_.Video, {
    withLightbox: true,
    src: "http://www.youtube.com/embed/NlOF03DUoWc",
    cover: "http://placeimg.com/240/240",
    id: "5",
    height: 400,
    width: 600
  }), __jsx(_Text.Text, null, "use default YT thumbnail"), __jsx(_.Video, {
    withLightbox: true,
    src: "http://www.youtube.com/embed/ScMzIvxBSi4",
    id: "9"
  }), __jsx(_Image.Image, {
    src: "http://placeimg.com/340/340",
    withLightbox: true,
    key: 2
  }), __jsx(_Image.Image, {
    src: "http://placeimg.com/600/400",
    withLightbox: true,
    key: 3
  }), __jsx(_Image.Image, {
    src: "http://placeimg.com/1200/800",
    withLightbox: true,
    key: 3
  })));
});
//# sourceMappingURL=examples.js.map