First commit
This commit is contained in:
38
apk/components/birthdate-item.tsx
Normal file
38
apk/components/birthdate-item.tsx
Normal file
@@ -0,0 +1,38 @@
|
||||
// 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,
|
||||
},
|
||||
});
|
||||
Reference in New Issue
Block a user