added recent list

react/features/base/react/components/native/NavigateSectionListSectionHeader.js

@@ -0,0 +1,40 @@
+// @flow
+
+import React, { Component } from 'react';
+
+import { Text, Container } from './index';
+import styles from './styles';
+import type { SetionListSection } from '../../Types';
+
+type Props = {
+
+    /**
+     * A section containing the data to be rendered
+     */
+    section: SetionListSection
+}
+
+/**
+ * Implements a React/Native {@link Component} that renders the section header
+ * of the list
+ *
+ * @extends Component
+ */
+export default class NavigateSectionListSectionHeader extends Component<Props> {
+    /**
+     * Renders the content of this component.
+     *
+     * @returns {ReactElement}
+     */
+    render() {
+        const { section } = this.props.section;
+
+        return (
+            <Container style = { styles.listSection }>
+                <Text style = { styles.listSectionText }>
+                    { section.title }
+                </Text>
+            </Container>
+        );
+    }
+}