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>
  );
};
