```jsx
const { Button } = require('../Button');
initialState = {
  value: 50,
};
const intents = ['default', 'primary', 'success', 'warning', 'danger', 'info'];
const sizes = ['small', 'normal', 'large'];
const getRandomFromArray = (array) =>
  array[Math.floor(Math.random() * array.length)];
const randomizeIntent = () => setState({ intent: getRandomFromArray(intents) });
const randomizeSize = () => setState({ size: getRandomFromArray(sizes) });

const handleRangeChange = (value) => {
  setState({ value });
};

<>
  <Button onClick={randomizeIntent} size="small" intent="primary">
    Randomize intent
  </Button>{' '}
  <Button onClick={randomizeSize} size="small" intent="primary">
    Randomize size
  </Button>
  <hr />
  <Range
    min={0}
    max={100}
    value={state.value}
    size={state.size}
    intent={state.intent}
    onChange={handleRangeChange}
  />
</>;
```