"use strict";

var _react = _interopRequireDefault(require("react"));
var _react2 = require("@storybook/react");
var _index = _interopRequireDefault(require("./index"));
var _storybookState = require("@sambego/storybook-state");
var _i18n = require("../../../../Framework/i18n");
var _green = _interopRequireDefault(require("../VariantChooser/res/green.jpg"));
var _white = _interopRequireDefault(require("../VariantChooser/res/white.jpg"));
var _black = _interopRequireDefault(require("../VariantChooser/res/black.jpg"));
var _red = _interopRequireDefault(require("../VariantChooser/res/red.jpg"));
var _blue = _interopRequireDefault(require("../VariantChooser/res/blue.jpg"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
var mockVariantsData = [{
  key: 'green',
  title: 'Light Softshell Green',
  value: 'green',
  url: _green["default"]
}, {
  key: 'white ',
  title: 'Weiße Premium Kapuzenjacke zur Weihnacht',
  value: 'white',
  url: _white["default"]
}, {
  key: 'black',
  title: 'Schwarze Kapuzenjacke nach Weihnachten',
  value: 'black',
  url: _black["default"]
}, {
  key: 'red',
  title: 'Rote Premium Kapuzenjacke',
  value: 'red',
  url: _red["default"]
}, {
  key: 'blue',
  title: 'Blau Premium Kapuzenjacke',
  value: 'blue',
  url: _blue["default"]
}, {
  key: 'blue1',
  title: 'Blaue Premium Kapuzenjacke zur Weihnacht',
  value: 'blue1',
  url: _blue["default"]
}, {
  key: 'blue2',
  title: 'Weiße Premium Jacke',
  value: 'blue2',
  url: _blue["default"]
}];
var mockIcons = [{
  key: 'save',
  identifier: 'save',
  title: (0, _i18n.t)('headerMenu.save')
}, {
  key: 'mail',
  identifier: 'mail',
  title: (0, _i18n.t)('headerMenu.sendEmail')
}, {
  key: 'picture_as_pdf',
  identifier: 'picture_as_pdf',
  title: (0, _i18n.t)('headerMenu.saveAsPdf')
}, {
  key: 'help',
  identifier: 'help',
  title: (0, _i18n.t)('mockedData.help')
}];
var mockedStepsData = [{
  key: 'variants',
  identifier: 'variants',
  title: (0, _i18n.t)('mockedData.variant'),
  icon: 'brush'
}, {
  key: 'designer',
  identifier: 'designer',
  title: (0, _i18n.t)('mockedData.configure'),
  icon: 'tune'
}];
var mockedStepData = [{
  key: 'variants',
  identifier: 'variants',
  title: (0, _i18n.t)('mockedData.variant'),
  icon: 'brush'
}];
var store = new _storybookState.Store({
  name: 'Light Softshell Green'
});
function handleChange(event) {
  store.set({
    name: event.target.value
  });
}
(0, _react2.storiesOf)('Header', module).add('with two steps', function () {
  return /*#__PURE__*/_react["default"].createElement(_storybookState.State, {
    store: store
  }, function (state) {
    return /*#__PURE__*/_react["default"].createElement(_index["default"], {
      tools: mockIcons,
      steps: mockedStepsData,
      variantChooser: mockVariantsData,
      handleVariantChange: handleChange,
      variantValue: state.name,
      variantItem: (0, _i18n.t)('mockedData.Premium_Kapuzenjacke')
    });
  });
}).add('with only one step', function () {
  return /*#__PURE__*/_react["default"].createElement(_storybookState.State, {
    store: store
  }, function (state) {
    return /*#__PURE__*/_react["default"].createElement(_index["default"], {
      tools: mockIcons,
      steps: mockedStepData,
      variantChooser: mockVariantsData,
      handleVariantChange: handleChange,
      variantValue: state.name,
      variantItem: (0, _i18n.t)('mockedData.Premium_Kapuzenjacke')
    });
  });
}).add('without steps', function () {
  return /*#__PURE__*/_react["default"].createElement(_storybookState.State, {
    store: store
  }, function (state) {
    return /*#__PURE__*/_react["default"].createElement(_index["default"], {
      icons: mockIcons,
      variantChooser: mockVariantsData,
      handleVariantChange: handleChange,
      variantValue: state.name,
      variantItem: (0, _i18n.t)('mockedData.Premium_Kapuzenjacke')
    });
  });
});