// BirthdayItem.tsx
import { StyleSheet, Text, View } from "react-native";

interface BirthdayItemProps {
  name: string;
  date: string;
  age?: number;
}

export function BirthdayItem({ name, date, age }: BirthdayItemProps) {
  return (
    <View style={styles.itemContainer}>
      <Text style={styles.name}>{name}</Text>
      {age && <Text style={styles.age}>Age: {age}</Text>}
    </View>
  );
}

const styles = StyleSheet.create({
  itemContainer: {
    padding: 15,
    borderRadius: 8,
    backgroundColor: "#f0f0f0",
    boxShadow: "0 1px 4px rgba(0,0,0,0.3)",
    marginBottom: 10,
  },
  name: {
    fontSize: 16,
    fontWeight: "bold",
  },
  date: {
    fontSize: 14,
  },
  age: {
    fontSize: 12,
    marginTop: 5,
  },
});