// External imports.
import * as React from 'react';
import { RefreshControl } from 'react-native';
import { withTheme } from 'react-native-paper';

// Types imports.
import type { PropsWithTheme, Props } from './ScrollView.types';

// Internal imports.
import ResponsiveDimensions from '../../utils/ResponsiveDimensions';

/**
 * ScrollViewComponent (unwrapped, for testing)
 * @internal For testing purposes only. Do not use in production code.
 */
const ScrollViewComponent = React.memo(
  (props: PropsWithTheme): React.ReactElement | null => {
    try {
      const KeyboardAwareScrollView =
        require('react-native-keyboard-controller').KeyboardAwareScrollView;

      const {
        refreshing,
        onRefresh,
        refreshColor,
        showsHorizontalScrollIndicator,
        showsVerticalScrollIndicator,
        keyboardShouldPersistTaps,
        keyboardDismissMode,
        refreshControl,
        extraKeyboardSpace,
        theme,
        ...other
      } = props;

      return (
        <KeyboardAwareScrollView
          showsHorizontalScrollIndicator={
            showsHorizontalScrollIndicator ?? false
          }
          showsVerticalScrollIndicator={showsVerticalScrollIndicator ?? false}
          keyboardShouldPersistTaps={keyboardShouldPersistTaps ?? 'handled'}
          keyboardDismissMode={keyboardDismissMode ?? 'none'}
          refreshControl={
            (refreshControl ?? onRefresh) ? (
              <RefreshControl
                colors={refreshColor ? [refreshColor] : [theme.colors.primary]}
                tintColor={refreshColor ?? theme.colors.primary}
                refreshing={refreshing ?? false}
                onRefresh={onRefresh}
              />
            ) : undefined
          }
          extraKeyboardSpace={extraKeyboardSpace ?? ResponsiveDimensions.vs(8)}
          {...other}
        />
      );
    } catch (error) {
      console.warn('Error loading `react-native-keyboard-controller`:', error);
      return null;
    }
  }
);

const ScrollView = withTheme(ScrollViewComponent) as React.ComponentType<Props>;

export { ScrollViewComponent };

export default ScrollView;