wix-style-react/dist/stories/StatsWidget/ExampleStatsWidgetWithPercents.js

wix-style-react

'use strict';

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

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _StatsWidget = require('../../src/StatsWidget');

var _StatsWidget2 = _interopRequireDefault(_StatsWidget);

var _ExampleStatsWidget = require('./ExampleStatsWidget.scss');

var _ExampleStatsWidget2 = _interopRequireDefault(_ExampleStatsWidget);

var _Grid = require('../../src/Grid');

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

var statistics = [{
  title: '$10',
  subtitle: 'Revenue',
  percent: -15
}, {
  title: '2',
  subtitle: 'Products',
  percent: -15
}, {
  title: '1',
  subtitle: 'Transactions',
  percent: 0
}, {
  title: '$5',
  subtitle: 'Profit',
  percent: 10
}, {
  title: '456',
  subtitle: 'Music',
  percent: 15
}];

exports.default = function () {
  return _react2.default.createElement(
    _Grid.Container,
    null,
    _react2.default.createElement(
      'div',
      { 'data-hook': 'card-example', className: _ExampleStatsWidget2.default.statsWidgetWrapper },
      _react2.default.createElement(_StatsWidget2.default, {
        title: 'Let\'s see what\'s going on with your store',
        statistics: statistics
      })
    )
  );
};