import { View } from 'react-native';
import { SafeAreaView } from 'react-native-safe-area-context';
import { Typography } from '../../../../core/components/Typography/Typography';
import { TopBar, RequestList } from './components';
import { usePendingFollowRequests } from './hooks/usePendingFollowRequests';
export function PendingFollowRequests() {
  const {
    pendingRequests,
    pendingCount,
    isLoading,
    isLoadingFirstPage,
    hasMore,
    loadMore,
    styles,
    accessibilityId
  } = usePendingFollowRequests();
  return /*#__PURE__*/React.createElement(SafeAreaView, {
    testID: accessibilityId,
    style: styles.container,
    edges: ['top']
  }, /*#__PURE__*/React.createElement(TopBar, {
    count: pendingCount
  }), /*#__PURE__*/React.createElement(View, {
    style: styles.banner
  }, /*#__PURE__*/React.createElement(Typography.Caption, {
    style: styles.bannerText
  }, "Declining a follow request is irreversible. The user must send a new request if declined.")), /*#__PURE__*/React.createElement(RequestList, {
    hasMore: hasMore,
    loadMore: loadMore,
    isLoading: isLoading,
    requests: pendingRequests,
    isLoadingFirstPage: isLoadingFirstPage
  }));
}
//# sourceMappingURL=PendingFollowRequests.js.map