wix-style-react/dist/stories/Slider/ExampleStandard.js

wix-style-react

'use strict';

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

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _ControlledSlider = require('./ControlledSlider');

var _ControlledSlider2 = _interopRequireDefault(_ControlledSlider);

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

var style = {
  padding: '0 5px 55px',
  width: '500px'
};

exports.default = function () {
  return _react2.default.createElement(
    'div',
    null,
    _react2.default.createElement(
      'div',
      { style: style },
      'Single handle',
      _react2.default.createElement(_ControlledSlider2.default, { dataHook: 'story-slider', value: [3], min: 1, max: 10 })
    ),
    _react2.default.createElement(
      'div',
      { style: style },
      'Multiple handles',
      _react2.default.createElement(_ControlledSlider2.default, {
        dataHook: 'story-slider-multiple',
        value: [3, 4, 5],
        min: 1,
        max: 10
      })
    )
  );
};