import { StyleSheet } from "react-native";

export const styles = StyleSheet.create({
	centered: {
		flex: 1,
		justifyContent: 'center',
		alignItems: 'center',
		padding: 16,
		backgroundColor: '#fff', // dark background for screens
	},
	input: {
		borderWidth: 1,
		borderColor: '#555',
		width: '80%',
		padding: 8,
		marginVertical: 16,
		borderRadius: 8,
		color: '#fff',
	},
	label: {
		color: '#fff',
		fontSize: 16,
	},
		logoutButton: {
		backgroundColor: '#444',
		paddingVertical: 12,
		borderRadius: 8,
		alignItems: 'center',
	},
	logoutText: {
		color: '#fff',
		fontSize: 16,
		fontWeight: '600',
	},
});