wix-style-react/dist/stories/CardGalleryItem/ExampleBasic.js

wix-style-react

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _CardGalleryItem = require('wix-style-react/CardGalleryItem');

var _CardGalleryItem2 = _interopRequireDefault(_CardGalleryItem);

var _Grid = require('wix-style-react/Grid');

var _ExampleBasic = require('./ExampleBasic.scss');

var _ExampleBasic2 = _interopRequireDefault(_ExampleBasic);

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

var backgroundImageUrl = 'https://static.wixstatic.com/media/89ea07a19c3d415e99a8a8a3c0ab1de8.jpg/v1/fill/w_343,h_343,al_c,q_80,usm_0.66_1.00_0.01/89ea07a19c3d415e99a8a8a3c0ab1de8.jpg';

var generateCardGallery = function generateCardGallery() {
  return _react2.default.createElement(_CardGalleryItem2.default, {
    title: 'Card Title',
    subtitle: 'Card subtitle',
    primaryActionProps: {
      label: 'Button',
      onClick: function onClick() {
        alert('Primary action clicked');
      }
    },
    secondaryActionProps: {
      label: 'Text link',
      onClick: function onClick() {
        alert('Secondary action clicked');
      }
    },
    backgroundImageUrl: backgroundImageUrl,
    'data-hook': 'storybook-card-gallery-item'
  });
};

exports.default = function () {
  return _react2.default.createElement(
    'div',
    { className: _ExampleBasic2.default.wrapper },
    _react2.default.createElement(
      _Grid.Container,
      null,
      Array(2).fill(_react2.default.createElement(
        _Grid.Row,
        null,
        Array(3).fill(_react2.default.createElement(
          _Grid.Col,
          { span: 4 },
          generateCardGallery()
        ))
      ))
    )
  );
};