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

export default () => {
  const [value, setValue] = React.useState(20);
  const change = e => {
    setValue(e);
  };
  return (
    <>
      <Row autoMode={true}>
        <Col span={2}>
          <Slider defaultValue={20} onChange={change} value={value} />
        </Col>
        <Col span={1}>
          <InputNumber
            onChange={change}
            defaultValue={20}
            value={value}
            min={0}
            max={100}
          ></InputNumber>
        </Col>
      </Row>
    </>
  );
};