update NetDetailModal

components/tripInfo/modal/NetDetailModal/components/CatchSectionHeader.tsx

@@ -0,0 +1,20 @@
+import React from "react";
+import { Text, View } from "react-native";
+import styles from "../../style/NetDetailModal.styles";
+
+interface CatchSectionHeaderProps {
+  totalCatch: number;
+}
+
+export const CatchSectionHeader: React.FC<CatchSectionHeaderProps> = ({
+  totalCatch,
+}) => {
+  return (
+    <View style={styles.sectionHeader}>
+      <Text style={styles.sectionTitle}>Danh sách cá bắt được</Text>
+      <Text style={styles.totalCatchText}>
+        Tổng: {totalCatch.toLocaleString()} kg
+      </Text>
+    </View>
+  );
+};