Component

Add:
- Divider

Collaboration
Fix:
- index

Add:
- list pf participants

# No Issue

components/Divider/Divider.tsx

@@ -0,0 +1,25 @@
+import { AccentColor } from "@/constants/color-palet";
+import { View } from "react-native";
+
+export default function Divider({
+    color = AccentColor.blue,
+    size = 1,
+    marginTop= 12,
+    marginBottom= 12, 
+}: {
+    color?: string;
+    size?: number;
+    marginTop?: number;
+    marginBottom?: number;
+}) {
+  return (
+    <View
+      style={{
+        borderTopColor: color,
+        borderTopWidth: size,
+        marginTop,
+        marginBottom,
+      }}
+    />
+  );
+}

components/_ShareComponent/AvataraAndOtherHeaderComponent.tsx

@@ -2,17 +2,20 @@ import { ImageSourcePropType, View } from "react-native";
 import Grid from "../Grid/GridCustom";
 import AvatarCustom from "../Image/AvatarCustom";
 import TextCustom from "../Text/TextCustom";
+import Divider from "../Divider/Divider"
 
 const AvatarUsernameAndOtherComponent = ({
   avatarHref,
   avatar,
   name,
   rightComponent,
+  withBottomLine = false,
 }: {
   avatarHref?: string;
   avatar?: ImageSourcePropType;
   name?: string;
   rightComponent?: React.ReactNode;
+  withBottomLine?: boolean;
 }) => {
   return (
     <>
@@ -38,6 +41,7 @@ const AvatarUsernameAndOtherComponent = ({
             </Grid.Col>
           )}
         </Grid>
+        {withBottomLine && <Divider marginTop={0} />}
       </View>
     </>
   );

components/index.ts

@@ -31,6 +31,7 @@ import SelectCustom from "./Select/SelectCustom";
 import AvatarCustom from "./Image/AvatarCustom";
 import LandscapeFrameUploaded from "./Image/LandscapeFrameUploaded";
 // Divider
+import Divider from "./Divider/Divider";
 import DividerCustom from "./Divider/DividerCustom";
 // Map
 import MapCustom from "./Map/MapCustom";
@@ -60,12 +61,14 @@ export {
   BoxButtonOnFooter,
   BoxWithHeaderSection, ButtonCenteredOnly,
   ButtonCustom,
+  DotButton,
   // Center
   CenterCustom,
   // Clickable
   ClickableCustom,
   // Divider
-  DividerCustom, DotButton,
+  Divider,
+  DividerCustom, 
   // Drawer
   DrawerCustom, FloatingButton,
   // Grid