/**
 * title: "基础带刻度交互（以从左向右配置为例）"
 * description: "通过设置marks配置刻度数值显示逻辑。"
 */
import React from 'react';
import { Range } from '@alicloud/console-components';

const style = {
  marginBottom: '15px',
};
const h4Style = {
  fontSize: '12px',
  marginTop: '24px',
};

export default () => {
  return (
    <div>
      <h4 style={h4Style}>默认</h4>
      <Range defaultValue={4} marks={10} max={10} style={style} hasTip />
      <h4 style={h4Style}>禁用</h4>
      <Range defaultValue={4} marks={10} max={10} style={style} disabled />
    </div>
  );
};