"use strict";

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

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.defaultStory = exports.default = void 0;

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

var _utils = require("../../../.storybook/utils");

var _ProgressTracker = _interopRequireDefault(require("./ProgressTracker"));

var steps = ['Draft', 'Book', 'Send invoices', 'Get paid'];
var _default = {
  title: (0, _utils.addStoryInGroup)(_utils.MID_LEVEL_BLOCKS, 'ProgressTracker'),
  component: _ProgressTracker.default,
  parameters: {
    design: {
      type: 'figma',
      url: 'https://www.figma.com/file/LHH25GN90ljQaBEUNMsdJn/Desktop-components?node-id=865%3A0'
    }
  }
};
exports.default = _default;

var defaultStory = function defaultStory(args) {
  return /*#__PURE__*/_react.default.createElement(_ProgressTracker.default, args, steps.map(function (step, index) {
    return /*#__PURE__*/_react.default.createElement(_ProgressTracker.default.ProgressStep, {
      label: step,
      meta: "".concat(10 + index * 3, "/12/2020"),
      key: index,
      onClick: function onClick() {
        return console.log('step clicked');
      }
    });
  }));
};

exports.defaultStory = defaultStory;
defaultStory.args = {
  done: false,
  currentStep: 1,
  color: 'mint',
  labelPosition: 'top'
};