import { StyleSheet } from "react-native";

const NotificationStyles = StyleSheet.create({
   notifContainer: { paddingTop: 10 },
   notifHeaderRow: { marginTop: 16, marginBottom: 8 },
   notifDateSeparator: { flex: 1, height: 1, marginLeft: 8 },
   notifDateText: { fontSize: 11, fontWeight: '600', letterSpacing: 0.6, textTransform: 'uppercase' },
   notifItemRow: {
      flexDirection: 'row',
      alignItems: 'center',
      borderRadius: 8,
      borderWidth: 1,
      paddingHorizontal: 12,
      paddingVertical: 10,
      marginBottom: 6,
   },
   notifIconContainer: {
      width: 42,
      height: 42,
      borderRadius: 100,
      alignItems: 'center',
      justifyContent: 'center',
      flexShrink: 0,
   },
   notifContent: { marginLeft: 10 },
   notifMarkReadText: { fontSize: 11, color: '#3B82F6', fontWeight: '600' },
});

export default NotificationStyles;
