React-Nav-Melon/components/organisms/Sections/NotificationSection.js

import { SafeAreaView, StyleSheet, Text, View } from 'react-native'
import React from 'react'
import NotificationCard from '../Cards/NotificationCard'
import { getDate } from '../../../utils/Constants/functions'
import fonts from '../../../theme/fonts'
import colors from '../../../theme/colors'
import images from '../../../assets/images/images'

const NotificationSection = ({ navigation }) => {

  return (
    <View >
      <Text style={styles.timestampText}>{getDate("2023-06-16T11:57:52.458032Z")}</Text>
      <View style={{paddingHorizontal: 8,gap: 8}}>
        <NotificationCard
          image={images.imageCard}
          profileImage={images.horizontalCard}
          headline={"semi has posted new politics news"}
          tagline={"semi has posted new  politics news"}
          timestamp={"2023-04-16T11:57:52.458032Z"}
         />
        <NotificationCard />
        <NotificationCard />
        <NotificationCard />
      </View>

    </View>
  )
}

export default NotificationSection

const styles = StyleSheet.create({
   timestampText:{
    padding: 8,
    fontFamily: fonts.type.light,
    color: colors.grayShade_100
   },
   notificationContainer:{

   }
})