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

wix-style-react

'use strict';

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

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _ToggleSwitch = require('wix-style-react/ToggleSwitch');

var _ToggleSwitch2 = _interopRequireDefault(_ToggleSwitch);

var _constants = require('wix-ui-backoffice/dist/src/components/ToggleSwitch/constants');

var _CodeExample = require('wix-storybook-utils/CodeExample');

var _CodeExample2 = _interopRequireDefault(_CodeExample);

var _ExampleFormField = require('./ExampleFormField');

var _ExampleFormField2 = _interopRequireDefault(_ExampleFormField);

var _ExampleFormField3 = require('!raw-loader!./ExampleFormField');

var _ExampleFormField4 = _interopRequireDefault(_ExampleFormField3);

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

exports.default = {
  category: '4. Selection',
  storyName: '4.4 ToggleSwitch',

  component: _ToggleSwitch2.default,
  componentPath: '../../src/ToggleSwitch',

  componentProps: function componentProps(setState, getState) {
    return {
      checked: false,
      onChange: function onChange() {
        return setState({ checked: !getState().checked });
      }
    };
  },

  exampleProps: {
    size: Object.keys(_constants.SIZES),
    skin: Object.keys(_constants.SKINS),

    onChange: function onChange() {
      return 'changed';
    }
  },

  examples: _react2.default.createElement(
    _CodeExample2.default,
    { title: 'Composition with FormField', code: _ExampleFormField4.default },
    _react2.default.createElement(_ExampleFormField2.default, null)
  )
};