mobile-darmasaba/components/sectionMember.tsx

import Styles from "@/constants/Styles";
import { Image, Text, View } from "react-native";
import BorderBottomItem from "./borderBottomItem";

export default function SectionMember() {
   return (
      <View style={[Styles.mb15]}>
         <View style={[Styles.rowSpaceBetween, Styles.mv05]}>
            <Text style={[Styles.textDefaultSemiBold]}>Anggota</Text>
            <Text style={[Styles.textDefault]}>Total 5 Anggota</Text>
         </View>

         <View style={[Styles.wrapPaper]}>
            <BorderBottomItem
               borderType="bottom"
               icon={<Image source={require("../assets/images/user.jpeg")} style={[Styles.userProfileSmall]} />}
               title="Amalia Dwi"
               subtitle="Dinas - Bendahara"
               rightTopInfo="Anggota"
            />
            <BorderBottomItem
               borderType="bottom"
               icon={<Image source={require("../assets/images/user.jpeg")} style={[Styles.userProfileSmall]} />}
               title="Amalia Dwi"
               subtitle="Dinas - Bendahara"
               rightTopInfo="Anggota"
            />
            <BorderBottomItem
               borderType="bottom"
               icon={<Image source={require("../assets/images/user.jpeg")} style={[Styles.userProfileSmall]} />}
               title="Amalia Dwi"
               subtitle="Dinas - Bendahara"
               rightTopInfo="Anggota"
            />
            <BorderBottomItem
               borderType="bottom"
               icon={<Image source={require("../assets/images/user.jpeg")} style={[Styles.userProfileSmall]} />}
               title="Amalia Dwi"
               subtitle="Dinas - Bendahara"
               rightTopInfo="Anggota"
            />
         </View>
      </View>
   )
}