import Range from '..';
import React from 'react';
import ReactDOM from 'react-dom';
const style = {
    marginBottom: '20px',
    marginTop: '20px',
};
ReactDOM.render(React.createElement("div", { style: { width: '400px', margin: '50px' } },
    React.createElement("p", null, "With minimal and maximal value"),
    React.createElement(Range, { defaultValue: 0, marks: [0, 100], style: style }),
    React.createElement(Range, { slider: 'double', defaultValue: [20, 40], marks: [0, 100], style: style }),
    React.createElement(Range, { defaultValue: 30, style: style }),
    React.createElement("p", null, "Marks below"),
    React.createElement(Range, { defaultValue: 0, marks: [0, 100], style: style, marksPosition: "below" }),
    React.createElement(Range, { slider: 'double', defaultValue: [20, 40], marks: [0, 100], style: style, marksPosition: "below" }),
    React.createElement(Range, { defaultValue: 30, marks: [0, 100], style: style, marksPosition: "below" }),
    React.createElement("p", null, "Equal division"),
    React.createElement(Range, { size: 'small', defaultValue: 30, marks: 5, style: style }),
    React.createElement(Range, { slider: 'double', defaultValue: [20, 40], marks: 10, style: style }),
    React.createElement(Range, { disabled: true, size: 'large', slider: 'double', defaultValue: [20, 40], marks: 10, style: style }),
    React.createElement("p", null, "Free"),
    React.createElement(Range, { defaultValue: 30, marks: [0, 26, 37, 100], style: style }),
    React.createElement(Range, { slider: 'double', defaultValue: [20, 40], marks: [0, 26, 37, 100], style: style, hasTip: false }),
    React.createElement(Range, { defaultValue: 30, marks: { 0: '0°C', 26: '26°C', 37: '37°C', 100: '100°C' }, style: style })), document.getElementById('range-demo-4'));
