"use strict";

var _react = _interopRequireDefault(require("react"));
var _react2 = require("@storybook/react");
var _storybookState = require("@sambego/storybook-state");
var _i18n = require("../../../../Framework/i18n");
var _index = _interopRequireDefault(require("./index"));
var _blue = _interopRequireDefault(require("./res/blue.jpg"));
var _green = _interopRequireDefault(require("./res/green.jpg"));
var _white = _interopRequireDefault(require("./res/white.jpg"));
var _red = _interopRequireDefault(require("./res/red.jpg"));
var _black = _interopRequireDefault(require("./res/black.jpg"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
var mockData = [{
  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 mockOneVariantData = [{
  key: 'white ',
  title: 'Premium Kapuzenjacke zur Weihnacht',
  value: 'white',
  url: _white["default"]
}];
var store = new _storybookState.Store({
  name: 'Light Softshell Green'
});
function handleChange(event) {
  store.set({
    name: event.target.value
  });
}
(0, _react2.storiesOf)('VariantChooser', module).add('multiple variants', function () {
  return /*#__PURE__*/_react["default"].createElement(_storybookState.State, {
    store: store
  }, function (state) {
    return /*#__PURE__*/_react["default"].createElement(_index["default"], {
      variants: mockData,
      value: state.name,
      item: (0, _i18n.t)('mockedData.Premium_Kapuzenjacke'),
      orderNr: "309575",
      handleChange: handleChange
    });
  });
}).add('one variant', function () {
  return /*#__PURE__*/_react["default"].createElement(_storybookState.State, {
    store: store
  }, function () {
    return /*#__PURE__*/_react["default"].createElement(_index["default"], {
      variants: mockOneVariantData,
      value: 'Premium Kapuzenjacke zur Weihnacht',
      item: (0, _i18n.t)('mockedData.Premium_Kapuzenjacke'),
      orderNr: "309575"
    });
  });
});