```jsx
const { Button } = require('../Button');
const { Tab } = require('./index');
initialState = { current: 'first', vertical: true, intent: 'default' };
const intent = ['default', 'primary', 'info', 'success', 'warning', 'danger'];
const handleIntentChange = () =>
  setState({ intent: intent[Math.floor(Math.random() * intent.length)] });
const handleDirectionToggle = () => setState({ vertical: !state.vertical });
const handleTabChange = (current) => setState({ current });

<>
  <Button onClick={handleDirectionToggle} size="small" intent="primary">
    Toggle direction
  </Button>{' '}
  <Button onClick={handleIntentChange} size="small" intent={state.intent}>
    Radnomize intent
  </Button>
  <hr />
  <Tabs
    onChange={handleTabChange}
    current={state.current}
    vertical={state.vertical}
    intent={state.intent}
  >
    <Tab value="first">First tab</Tab>
    <Tab value="second">Second tab</Tab>
    <Tab value="third">Third tab</Tab>
  </Tabs>
</>;
```