import { router } from 'expo-router';
import { useEffect } from 'react';
import { Platform, StyleSheet } from 'react-native';
import { Screen } from '@/components/Screen';
import { AndroidShareSetup } from '@/components/setup/AndroidShareSetup';
import { AppleMusicSetup } from '@/components/setup/AppleMusicSetup';
import { markSetupSeen } from '@/lib/setup';
import { space } from '@/lib/theme';

const close = () => (router.canGoBack() ? router.back() : router.replace('/'));

/** Standalone "share what you're playing" (from the feed card), outside onboarding. */
export default function ShareSetupScreen() {
  useEffect(() => {
    markSetupSeen();
  }, []);
  return (
    <Screen edges={['top', 'bottom']} contentContainerStyle={styles.content}>
      {Platform.OS === 'ios' ? <AppleMusicSetup onDone={close} /> : <AndroidShareSetup onDone={close} />}
    </Screen>
  );
}

const styles = StyleSheet.create({
  content: { flexGrow: 1, justifyContent: 'center', gap: space.xl },
});