import React from "react";
import { Text, View } from "react-native";
import styles from "../../style/NetDetailModal.styles";

interface FishCardHeaderProps {
  fish: Model.FishingLogInfo;
}

export const FishCardHeader: React.FC<FishCardHeaderProps> = ({ fish }) => {
  return (
    <View style={styles.fishCardHeaderContent}>
      <Text style={styles.fishCardTitle}>{fish.fish_name}:</Text>
      <Text style={styles.fishCardSubtitle}>
        {fish.catch_number} {fish.catch_unit}
      </Text>
    </View>
  );
};
