import { StyleSheet, ViewStyle, TextStyle, ImageStyle } from 'react-native';
type Styles = {
[key: string]: ViewStyle | TextStyle | ImageStyle;
};
export const styles = StyleSheet.create<Styles>({
container: {
flex: 1,
backgroundColor: '#fff',
padding: 20,
},
header: {
marginTop: 40,
marginBottom: 30,
},
title: {
fontSize: 24,
fontWeight: 'bold',
color: '#000',
textAlign: 'center',
marginBottom: 10,
},
subtitle: {
fontSize: 16,
color: '#666',
textAlign: 'center',
marginBottom: 30,
},
otpContainer: {
flexDirection: 'row',
justifyContent: 'space-between',
marginBottom: 30,
},
otpInput: {
width: 50,
height: 50,
borderWidth: 1,
borderColor: '#ddd',
borderRadius: 8,
textAlign: 'center',
fontSize: 20,
color: '#000',
},
button: {
backgroundColor: '#007AFF',
height: 50,
borderRadius: 8,
justifyContent: 'center',
alignItems: 'center',
marginTop: 20,
},
buttonText: {
color: '#fff',
fontSize: 16,
fontWeight: 'bold',
},
backButton: {
marginTop: 20,
alignItems: 'center',
},
backButtonText: {
color: '#007AFF',
fontSize: 16,
},
});