import { StyleSheet, Text, View } from 'react-native';

import { colors } from '@/theme/colors';
import { spacing } from '@/theme/spacing';
import { typography } from '@/theme/typography';

export default function InteretsScreen() {
	return (
		<View style={styles.container}>
			<Text style={styles.title}>Interets</Text>
			<Text style={styles.description}>Base ecran interets</Text>
		</View>
	);
}

const styles = StyleSheet.create({
	container: {
		flex: 1,
		backgroundColor: colors.deepBackground,
		padding: spacing[24],
		justifyContent: 'center',
		gap: spacing[8],
	},
	title: {
		...typography.screenTitle,
		color: colors.textPrimary,
	},
	description: {
		...typography.body,
		color: colors.textSecondary,
	},
});