"use strict";

var _ = _interopRequireDefault(require(".."));

var _react = _interopRequireDefault(require("react"));

var _reactDom = _interopRequireDefault(require("react-dom"));

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

var style = {
  marginBottom: '20px',
  marginTop: '20px'
};

_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement("div", {
  style: {
    width: '400px',
    margin: '50px'
  }
}, /*#__PURE__*/_react["default"].createElement("p", null, "With minimal and maximal value"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  defaultValue: 0,
  marks: [0, 100],
  style: style
}), /*#__PURE__*/_react["default"].createElement(_["default"], {
  slider: 'double',
  defaultValue: [20, 40],
  marks: [0, 100],
  style: style
}), /*#__PURE__*/_react["default"].createElement(_["default"], {
  defaultValue: 30,
  style: style
}), /*#__PURE__*/_react["default"].createElement("p", null, "Marks below"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  defaultValue: 0,
  marks: [0, 100],
  style: style,
  marksPosition: "below"
}), /*#__PURE__*/_react["default"].createElement(_["default"], {
  slider: 'double',
  defaultValue: [20, 40],
  marks: [0, 100],
  style: style,
  marksPosition: "below"
}), /*#__PURE__*/_react["default"].createElement(_["default"], {
  defaultValue: 30,
  marks: [0, 100],
  style: style,
  marksPosition: "below"
}), /*#__PURE__*/_react["default"].createElement("p", null, "Equal division"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  size: "small",
  defaultValue: 30,
  marks: 5,
  style: style
}), /*#__PURE__*/_react["default"].createElement(_["default"], {
  slider: 'double',
  defaultValue: [20, 40],
  marks: 10,
  style: style
}), /*#__PURE__*/_react["default"].createElement(_["default"], {
  disabled: true,
  size: "large",
  slider: 'double',
  defaultValue: [20, 40],
  marks: 10,
  style: style
}), /*#__PURE__*/_react["default"].createElement("p", null, "Free"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  defaultValue: 30,
  marks: [0, 26, 37, 100],
  style: style
}), /*#__PURE__*/_react["default"].createElement(_["default"], {
  slider: 'double',
  defaultValue: [20, 40],
  marks: [0, 26, 37, 100],
  style: style,
  hasTip: false
}), /*#__PURE__*/_react["default"].createElement(_["default"], {
  defaultValue: 30,
  marks: {
    0: '0°C',
    26: '26°C',
    37: '37°C',
    100: '100°C'
  },
  style: style
})), document.getElementById('range-demo-4'));