require('react-native-gesture-handler/jestSetup');

jest.mock('react-native-vector-icons/MaterialCommunityIcons', () => {
  const React = require('react');
  const { Text } = require('react-native');
  return ({ name = 'icon', color = 'black', size = 18 }) =>
    React.createElement(
      Text,
      { style: { color, fontSize: size } },
      name,
    );
});

jest.mock('react-native-gesture-handler', () => {
  const React = require('react');
  const { View, ScrollView } = require('react-native');
  const createComponent = (Component = View) =>
    React.forwardRef((props, ref) =>
      React.createElement(Component, { ref, ...props }, props.children),
    );

  return {
    __esModule: true,
    State: {},
    Directions: {},
    GestureHandlerRootView: createComponent(View),
    PanGestureHandler: createComponent(View),
    TapGestureHandler: createComponent(View),
    ScrollView: createComponent(ScrollView),
    createNativeWrapper: () => createComponent(View),
  };
});