49 lines
1.4 KiB
TypeScript
49 lines
1.4 KiB
TypeScript
import { useRouter } from 'expo-router';
|
|
import { ChevronLeft } from 'lucide-react-native';
|
|
import React from 'react';
|
|
import { StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
|
|
export default function AuthHeader() {
|
|
const router = useRouter();
|
|
const insets = useSafeAreaInsets();
|
|
|
|
return (
|
|
<View style={[styles.container, { paddingTop: insets.top + 8 }]}>
|
|
<TouchableOpacity
|
|
style={styles.backButton}
|
|
onPress={() => {
|
|
if (router.canGoBack()) {
|
|
router.back();
|
|
}
|
|
}}
|
|
testID="auth-header-back"
|
|
>
|
|
<ChevronLeft size={22} color="#94a3b8" />
|
|
</TouchableOpacity>
|
|
<View style={{ width: 44 }} />
|
|
</View>
|
|
);
|
|
}
|
|
|
|
const styles = StyleSheet.create({
|
|
container: {
|
|
flexDirection: 'row',
|
|
justifyContent: 'space-between',
|
|
alignItems: 'center',
|
|
paddingHorizontal: 24,
|
|
paddingBottom: 8,
|
|
zIndex: 1000,
|
|
},
|
|
backButton: {
|
|
width: 44,
|
|
height: 44,
|
|
backgroundColor: 'rgba(255, 255, 255, 0.1)',
|
|
borderRadius: 12,
|
|
alignItems: 'center',
|
|
justifyContent: 'center',
|
|
borderWidth: 1,
|
|
borderColor: 'rgba(255, 255, 255, 0.15)',
|
|
},
|
|
});
|