import React, {useCallback} from 'react';
import {RenderSceneProps, PendingApprovalPostsTabs} from '@components';
import {Navigation} from '@interfaces/navigation';
import {PostRequestActionType} from '@modules/post/interfaces';
import {Screens} from '@shared/constants';

import {List} from './components/List';

function GroupPendingApprovalPosts({
  route: {params},
}: Navigation<Screens.GROUP_POSTS_PENDING_APPROVAL>) {
  const groupId = params?.groupId;

  const renderScene = useCallback(
    ({route}: RenderSceneProps) => (
      <List actionType={route.key as PostRequestActionType} groupId={groupId} />
    ),
    [groupId],
  );

  return <PendingApprovalPostsTabs renderScene={renderScene} />;
}

export default GroupPendingApprovalPosts;