wix-style-react/dist/stories/Page/PageTestStories.js

wix-style-react

'use strict';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _propTypes = require('prop-types');

var PropTypes = _interopRequireWildcard(_propTypes);

var _react3 = require('@storybook/react');

var _Page = require('wix-style-react/Page');

var _Page2 = _interopRequireDefault(_Page);

var _storiesHierarchy = require('../storiesHierarchy');

var _Breadcrumbs = require('./Breadcrumbs');

var _Breadcrumbs2 = _interopRequireDefault(_Breadcrumbs);

var _PageExample = require('./PageExample.scss');

var s = _interopRequireWildcard(_PageExample);

var _PageChildren = require('./PageChildren');

var _storySettings = require('./storySettings');

function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var PageContainer = function PageContainer(props) {
  return _react2.default.createElement(
    'div',
    { className: s.pageContainer },
    props.children
  );
};
PageContainer.propTypes = {
  children: PropTypes.any
};

var kind = (0, _storiesHierarchy.getTestStoryKind)(_storySettings.storySettings);
var dataHook = 'story-page';

(0, _react3.storiesOf)(kind, module).add('1. Image', function () {
  return _react2.default.createElement(
    PageContainer,
    null,
    _react2.default.createElement(_Page2.default, {
      dataHook: dataHook,
      children: [(0, _PageChildren.header)(_Breadcrumbs2.default), (0, _PageChildren.content)(false)],
      backgroundImageUrl: 'https://static.wixstatic.com/media/f0548921c53940ec803dfb1c203e96fe.jpg/v1/fill/w_400,h_100/f0548921c53940ec803dfb1c203e96fe.jpg'
    })
  );
});

(0, _react3.storiesOf)(kind, module).add('2. Gradient', function () {
  return _react2.default.createElement(
    PageContainer,
    null,
    _react2.default.createElement(_Page2.default, {
      dataHook: dataHook,
      children: [(0, _PageChildren.header)(_Breadcrumbs2.default), (0, _PageChildren.content)(false)],
      gradientClassName: 'background-gradient'
    })
  );
});

(0, _react3.storiesOf)(kind, module).add('3. FC-Image', function () {
  return _react2.default.createElement(
    PageContainer,
    null,
    _react2.default.createElement(_Page2.default, {
      dataHook: dataHook,
      children: [(0, _PageChildren.header)(_Breadcrumbs2.default), _PageChildren.fixedContent, (0, _PageChildren.content)(false)],
      backgroundImageUrl: 'https://static.wixstatic.com/media/f0548921c53940ec803dfb1c203e96fe.jpg/v1/fill/w_400,h_100/f0548921c53940ec803dfb1c203e96fe.jpg'
    })
  );
});

(0, _react3.storiesOf)(kind, module).add('4. FC-Gradient', function () {
  return _react2.default.createElement(
    PageContainer,
    null,
    _react2.default.createElement(_Page2.default, {
      dataHook: dataHook,
      children: [(0, _PageChildren.header)(_Breadcrumbs2.default), _PageChildren.fixedContent, (0, _PageChildren.content)(false)],
      gradientClassName: 'background-gradient'
    })
  );
});