wix-style-react/dist/stories/ColorPicker/index.story.js

wix-style-react

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _ColorPicker = require('../../src/ColorPicker');

var _ColorPicker2 = _interopRequireDefault(_ColorPicker);

var _storySettings = require('./storySettings');

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

exports.default = {
  category: _storySettings.storySettings.category,
  storyName: _storySettings.storySettings.storyName,
  component: _ColorPicker2.default,
  componentPath: '../../src/ColorPicker',

  componentProps: function componentProps(setProps) {
    return {
      value: '#3899eb',
      onChange: function onChange(value) {
        return setProps({ value: value.hex() });
      },
      dataHook: _storySettings.storySettings.dataHook
    };
  },

  exampleProps: {
    onChange: function onChange(ev) {
      return ev.hex();
    },
    onCancel: function onCancel() {
      return 'Cancelled';
    },
    onConfirm: function onConfirm() {
      return 'Confirmed';
    }
  }
};