From 6fd6c609fc76851ac7e199ab6b01e075ff99f4a8 Mon Sep 17 00:00:00 2001
From: Romain CLEMENT <rc2301@orange.fr>
Date: Mon, 3 Apr 2023 09:58:33 +0200
Subject: [PATCH] Basic Clip list

---
 clip/ClipElement.tsx | 15 +++++++++++++++
 clip/ClipList.tsx    | 20 ++++++++++++++++++++
 2 files changed, 35 insertions(+)
 create mode 100644 clip/ClipElement.tsx
 create mode 100644 clip/ClipList.tsx

diff --git a/clip/ClipElement.tsx b/clip/ClipElement.tsx
new file mode 100644
index 0000000..d3c219e
--- /dev/null
+++ b/clip/ClipElement.tsx
@@ -0,0 +1,15 @@
+import React from 'react';
+import { View, Text } from 'react-native';
+
+export default class ClipElement extends React.Component<any, any> {
+
+    constructor(props: any) {
+        super(props);
+    }
+
+    render(): JSX.Element {
+        return <View>
+            <Text>{this.props.title}</Text>
+        </View>;
+    }
+}
\ No newline at end of file
diff --git a/clip/ClipList.tsx b/clip/ClipList.tsx
new file mode 100644
index 0000000..257e975
--- /dev/null
+++ b/clip/ClipList.tsx
@@ -0,0 +1,20 @@
+import React from 'react';
+import { ScrollView } from 'react-native';
+import ClipElement from './ClipElement';
+
+export default class ClipList extends React.Component<any, any> {
+
+    constructor(props: any) {
+        super(props);
+    }
+
+    createClipElement(title: string): JSX.Element {
+        return <ClipElement title={title} />;
+    }
+
+    render(): JSX.Element {
+        return <ScrollView>
+            {this.props.clips.map((entry: any) => this.createClipElement(entry.title))}
+        </ScrollView>;
+    }
+}
\ No newline at end of file