"use strict";

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

var _moment = _interopRequireDefault(require("moment"));

var _range = _interopRequireDefault(require("lodash/range"));

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

var _addonInfo = require("@storybook/addon-info");

var _index = _interopRequireDefault(require("./index"));

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

var startDay = '2018-06-10T00:00:00';
var endDay = '2018-06-16T00:00:00';
var project = {
  data: {
    id: '1',
    name: 'Sample Project'
  }
};
var customer = {
  data: {
    id: '1',
    name: 'Sample Customer'
  }
};
var service = {
  data: {
    id: '1',
    name: 'Sample Service'
  }
};
var entries = {
  data: (0, _range.default)(0, 6).map(function (index) {
    return {
      duration: Math.floor(Math.random() * 9 + 1),
      date: (0, _moment.default)(startDay).add(index, 'days').format()
    };
  })
};
(0, _react2.storiesOf)('TimehsheetRowDisplay', module).add('Default', (0, _addonInfo.withInfo)('Default')(function () {
  return _react.default.createElement("div", null, _react.default.createElement("div", {
    style: {
      margin: 10
    }
  }, _react.default.createElement(_index.default, {
    project: project,
    startWeekDay: startDay,
    endWeekDay: endDay,
    service: service,
    timeSheetEntries: entries
  }), _react.default.createElement(_index.default, {
    hideDaysLabel: true,
    customer: customer,
    startWeekDay: startDay,
    endWeekDay: endDay,
    service: service,
    timeSheetEntries: entries
  })));
}));