+ {/* Header */}
+
+
Thông báo
+ {unreadCount > 0 && (
+
+ )}
+
+
+ {/* List */}
+
+ {isLoading ? (
+
+ ) : notifications.length === 0 ? (
+
+ Chưa có thông báo
+
+ ) : (
+ notifications.map((notification) => (
+
+ ))
+ )}
+
+
+ {/* Footer */}
+ {notifications.length > 0 && (
+
+
+
+ )}
+