import { router } from 'expo-router';
import { StyleSheet } from 'react-native';
import { Screen } from '@/components/Screen';
import { SpotifySetup } from '@/components/setup/SpotifySetup';
import { space } from '@/lib/theme';

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

/** Spotify via Last.fm or ListenBrainz, opened from Settings. */
export default function SpotifySetupScreen() {
  return (
    <Screen edges={['top', 'bottom']} contentContainerStyle={styles.content}>
      <SpotifySetup onDone={close} />
    </Screen>
  );
}

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