ResponsiveTabs example:

Basic usage with tabs inferred from name prop on panels

```js

const TabPanel = require('components/Tabs/TabPanel').default;
<ResponsiveTabs>
	<TabPanel name="One">
		<h2>Any content 1</h2>
	</TabPanel>
	<TabPanel name="Two" counter={10}>
		<h2>Any content 2</h2>
	</TabPanel>
</ResponsiveTabs>
```

Usage with tabs passed as prop for more complex scenarios

```js

const TabPanel = require('components/Tabs/TabPanel').default;
<ResponsiveTabs tabs={[{name: 'One'}, {name: 'Two', counter: 10}]}>
	<TabPanel>
		<h2>Any content 1</h2>
	</TabPanel>
	<TabPanel>
		<h2>Any content 2</h2>
	</TabPanel>
</ResponsiveTabs>
```

Autofit

```js

const TabPanel = require('components/Tabs/TabPanel').default;
<ResponsiveTabs autoTabWidth>
	<TabPanel name="One">
		<h2>Any content 1</h2>
	</TabPanel>
	<TabPanel name="Two" counter={10}>
		<h2>Any content 2</h2>
	</TabPanel>
	<TabPanel name="Three">
		<h2>Any content 3</h2>
	</TabPanel>
	<TabPanel name="Four">
		<h2>Any content 4</h2>
	</TabPanel>
</ResponsiveTabs>
```