"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.NotStartedMultiStepProgress = exports.MultiStepProgressWithLongContent = exports.BasicMultiStepProgressWithDrawerClose = exports.BasicMultiStepProgress = void 0;
var _react = _interopRequireDefault(require("react"));
var _addonActions = require("@storybook/addon-actions");
var _MultiStepProgress = _interopRequireDefault(require("./MultiStepProgress.mdx"));
var _MultiStepProgress2 = require("./MultiStepProgress");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var mockedSteps = [{
  current: false,
  done: true,
  label: 'Investment objective',
  name: 'investment_objective'
}, {
  current: true,
  done: false,
  label: 'Time and risk',
  name: 'time_and_risk',
  steps: [{
    current: false,
    done: true,
    label: 'Investment period',
    name: 'investment_period'
  }, {
    current: true,
    done: false,
    label: 'Frequency',
    name: 'frequency'
  }, {
    current: false,
    done: false,
    label: 'Amount',
    name: 'amount'
  }]
}, {
  current: false,
  done: false,
  label: 'Allocations',
  name: 'allocations'
}];
var mockedStepsNotStarted = [{
  current: false,
  done: false,
  label: 'Investment objective',
  name: 'investment_objective'
}, {
  current: true,
  done: false,
  label: 'Time and risk',
  name: 'time_and_risk',
  steps: [{
    current: false,
    done: false,
    label: 'Investment period',
    name: 'investment_period'
  }, {
    current: false,
    done: false,
    label: 'Frequency',
    name: 'frequency'
  }, {
    current: false,
    done: false,
    label: 'Amount',
    name: 'amount'
  }]
}, {
  current: false,
  done: false,
  label: 'Allocations',
  name: 'allocations'
}];
var _default = exports.default = {
  title: 'Molecules / Multi Step Progress',
  parameters: {
    docs: {
      page: _MultiStepProgress.default
    },
    component: _MultiStepProgress2.MultiStepProgress
  }
};
var BasicMultiStepProgress = exports.BasicMultiStepProgress = {
  render: function render() {
    return _react.default.createElement(_MultiStepProgress2.MultiStepProgress, {
      steps: mockedSteps,
      onStepClick: (0, _addonActions.action)("step click"),
      onSubStepClick: (0, _addonActions.action)("sub step click")
    });
  }
};
var BasicMultiStepProgressWithDrawerClose = exports.BasicMultiStepProgressWithDrawerClose = {
  render: function render() {
    return _react.default.createElement(_MultiStepProgress2.MultiStepProgress, {
      steps: mockedSteps,
      onStepClick: (0, _addonActions.action)("step click"),
      onSubStepClick: (0, _addonActions.action)("sub step click"),
      closeDrawerOnStepClick: true
    });
  },
  name: 'Basic Multi Step Progress (With Closing Drawer)'
};
var NotStartedMultiStepProgress = exports.NotStartedMultiStepProgress = {
  render: function render() {
    return _react.default.createElement(_MultiStepProgress2.MultiStepProgress, {
      steps: mockedStepsNotStarted,
      onStepClick: (0, _addonActions.action)("step click"),
      onSubStepClick: (0, _addonActions.action)("sub step click")
    });
  }
};
var MultiStepProgressWithLongContent = exports.MultiStepProgressWithLongContent = {
  render: function render() {
    return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement("h1", null, "Lorem ipsum dolor"), _react.default.createElement(_MultiStepProgress2.MultiStepProgress, {
      steps: mockedStepsNotStarted,
      onStepClick: (0, _addonActions.action)("step click"),
      onSubStepClick: (0, _addonActions.action)("sub step click"),
      sticky: true
    }), _react.default.createElement("p", null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi autem debitis dolorem ducimus explicabo facilis fugiat impedit incidunt iusto laborum molestiae natus, obcaecati, officiis provident quae, quaerat quia soluta."), _react.default.createElement("p", null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. At commodi dolor dolorum eius molestiae qui repudiandae, voluptate. Ad aliquam dolor, labore natus necessitatibus nesciunt temporibus. Ad deserunt eius recusandae? Aspernatur."), _react.default.createElement("p", null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi autem debitis dolorem ducimus explicabo facilis fugiat impedit incidunt iusto laborum molestiae natus, obcaecati, officiis provident quae, quaerat quia soluta."), _react.default.createElement("p", null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. At commodi dolor dolorum eius molestiae qui repudiandae, voluptate. Ad aliquam dolor, labore natus necessitatibus nesciunt temporibus. Ad deserunt eius recusandae? Aspernatur."), _react.default.createElement("p", null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi autem debitis dolorem ducimus explicabo facilis fugiat impedit incidunt iusto laborum molestiae natus, obcaecati, officiis provident quae, quaerat quia soluta."), _react.default.createElement("p", null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. At commodi dolor dolorum eius molestiae qui repudiandae, voluptate. Ad aliquam dolor, labore natus necessitatibus nesciunt temporibus. Ad deserunt eius recusandae? Aspernatur."), _react.default.createElement("p", null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi autem debitis dolorem ducimus explicabo facilis fugiat impedit incidunt iusto laborum molestiae natus, obcaecati, officiis provident quae, quaerat quia soluta."), _react.default.createElement("p", null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. At commodi dolor dolorum eius molestiae qui repudiandae, voluptate. Ad aliquam dolor, labore natus necessitatibus nesciunt temporibus. Ad deserunt eius recusandae? Aspernatur."), _react.default.createElement("p", null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi autem debitis dolorem ducimus explicabo facilis fugiat impedit incidunt iusto laborum molestiae natus, obcaecati, officiis provident quae, quaerat quia soluta."), _react.default.createElement("p", null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. At commodi dolor dolorum eius molestiae qui repudiandae, voluptate. Ad aliquam dolor, labore natus necessitatibus nesciunt temporibus. Ad deserunt eius recusandae? Aspernatur."), _react.default.createElement("p", null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi autem debitis dolorem ducimus explicabo facilis fugiat impedit incidunt iusto laborum molestiae natus, obcaecati, officiis provident quae, quaerat quia soluta."), _react.default.createElement("p", null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. At commodi dolor dolorum eius molestiae qui repudiandae, voluptate. Ad aliquam dolor, labore natus necessitatibus nesciunt temporibus. Ad deserunt eius recusandae? Aspernatur."), _react.default.createElement("p", null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi autem debitis dolorem ducimus explicabo facilis fugiat impedit incidunt iusto laborum molestiae natus, obcaecati, officiis provident quae, quaerat quia soluta."), _react.default.createElement("p", null, "Lorem ipsum dolor sit amet, consectetur adipisicing elit. At commodi dolor dolorum eius molestiae qui repudiandae, voluptate. Ad aliquam dolor, labore natus necessitatibus nesciunt temporibus. Ad deserunt eius recusandae? Aspernatur."));
  }
};