react-native-gesture-handler/lib/typescript/components/gestureHandlerRootHOC.js

Declarative API exposing native platform touch and gesture system to React Native

import * as React from 'react';
import { StyleSheet } from 'react-native';
import hoistNonReactStatics from 'hoist-non-react-statics';
import GestureHandlerRootView from './GestureHandlerRootView';
export default function gestureHandlerRootHOC(Component, containerStyles) {
    function Wrapper(props) {
        return (<GestureHandlerRootView style={[styles.container, containerStyles]}>
        <Component {...props}/>
      </GestureHandlerRootView>);
    }
    Wrapper.displayName = `gestureHandlerRootHOC(${Component.displayName || Component.name})`;
    // @ts-ignore - hoistNonReactStatics uses old version of @types/react
    hoistNonReactStatics(Wrapper, Component);
    return Wrapper;
}
const styles = StyleSheet.create({
    container: { flex: 1 },
});