import * as React from 'react';
import { Col, Row, Slider } from '@btri-ui/base';

export default () => {
  const marks = {
    0: '0℃',
    20: '20℃',
    40: '40℃',
    60: '60℃',
    80: '80℃',
    100: '100℃',
  };
  return (
    <>
      <Row autoMode={true}>
        <Col span={2}>
          <div style={{ height: '200px' }}>
            <Slider defaultValue={30} marks={marks} vertical />
          </div>
        </Col>
        <Col span={2}>
          <div style={{ height: '200px' }}>
            <Slider defaultValue={[30, 60]} marks={marks} range vertical />
          </div>
        </Col>
      </Row>
    </>
  );
};