2020-03-24 09:54:50 +01:00
|
|
|
import { useContext } from 'react';
|
|
|
|
import { FunctionTabsContext } from '../../contexts/FunctionTabsContext';
|
2020-03-23 21:22:41 +01:00
|
|
|
import SwipeableViews from 'react-swipeable-views';
|
|
|
|
import './FunctionTabs.css';
|
|
|
|
|
|
|
|
function FunctionTabs(props) {
|
|
|
|
|
2020-03-24 09:54:50 +01:00
|
|
|
const { setSlideIndex, slideIndex } = useContext(FunctionTabsContext);
|
2020-03-23 21:22:41 +01:00
|
|
|
|
|
|
|
return (
|
2020-03-24 09:54:50 +01:00
|
|
|
<div className="container-fluid">
|
|
|
|
<SwipeableViews onChangeIndex={(index) => setSlideIndex(index)} index={slideIndex} enableMouseEvents>
|
|
|
|
{props.children}
|
|
|
|
</SwipeableViews>
|
|
|
|
</div>
|
2020-03-23 21:22:41 +01:00
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
export default FunctionTabs;
|