import { useCallback } from 'react';
import { View } from 'react-native';
import { useRouter, useFocusEffect } from 'expo-router';
import { useColors } from '../../lib/theme';

/**
 * Placeholder-Screen für den Coach-Tab.
 * Beim Fokussieren wird sofort auf den Root-Stack `/coach` umgeleitet.
 *  - Coach-Tab bleibt in der Tab-Bar sichtbar
 *  - Tap auf Coach-Tab → Root-Coach öffnet sich (über den Tabs)
 *  - Tab-Bar ist auf der Coach-Page automatisch versteckt
 */
export default function CoachTabRedirect() {
  const router = useRouter();
  const colors = useColors();

  useFocusEffect(
    useCallback(() => {
      // replace statt push: Back von /lyra geht damit zurück zum vorherigen Tab,
      // nicht zurück auf diesen Placeholder (würde sonst infinite loop bilden)
      router.replace('/lyra');
    }, [router]),
  );

  return <View style={{ flex: 1, backgroundColor: colors.bg }} />;
}
