import React from 'react';
import { ScrollView, type ScrollViewProps } from 'react-native';
import { scrollViewWebProps } from '@/lib/ui/scroll-props';

/** ScrollView with web scrollbars enabled by default. */
export function AppScrollView({ showsVerticalScrollIndicator, showsHorizontalScrollIndicator, nestedScrollEnabled, ...rest }: ScrollViewProps) {
  return (
    <ScrollView
      showsVerticalScrollIndicator={showsVerticalScrollIndicator ?? scrollViewWebProps.showsVerticalScrollIndicator}
      showsHorizontalScrollIndicator={showsHorizontalScrollIndicator ?? scrollViewWebProps.showsHorizontalScrollIndicator}
      nestedScrollEnabled={nestedScrollEnabled ?? scrollViewWebProps.nestedScrollEnabled}
      {...rest}
    />
  );
}