chore: JS tab interaction

src/components/Tabs/Pages.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+const Pages = ({ children }) =>
+  React.Children.map(children, (child, index) =>
+    React.cloneElement(child, { index })
+  );
+
+Pages.propTypes = {
+  children: PropTypes.node.isRequired,
+};
+
+export default Pages;

src/components/Tabs/useTabs.js

@@ -0,0 +1,6 @@
+import { useContext } from 'react';
+import TabsContext from './Context';
+
+const useTabs = () => useContext(TabsContext);
+
+export default useTabs;