// Metro module 5401 (f5402).
import { forwardRef } from "react";
import { BottomSheetDraggableScrollable } from "./Module5402";
import Module5403 from "./Module5403";
import { styles } from "./Module5405";
export const ScrollableContainer = forwardRef(function ScrollableContainer(props, a1) {
  const { nativeGesture, refreshControl, refreshing, progressViewOffset, onRefresh, ScrollableComponent, ...rest } = props;
  props.refreshControl;
  const r26 = <BottomSheetDraggableScrollable scrollableGesture={nativeGesture}>
    <props.ScrollableComponent ref={a1} {...rest} />
  </BottomSheetDraggableScrollable>;
  return onRefresh ? <Module5403 scrollableGesture={nativeGesture} refreshing={refreshing} progressViewOffset={progressViewOffset} onRefresh={onRefresh} style={styles.container}>{r26}</Module5403> : r26;
});