prepared folderstructure for monorepo with express.js

apps/client/src/components/BaseBackground.tsx

@@ -0,0 +1,23 @@
+import { View } from "react-native"
+import currentTheme from "../Themes"
+import { ReactNode } from "react";
+
+type BaseBackgroundProps = {
+  children?: ReactNode;
+  className?: string;
+}
+
+const BaseBackground = (props: BaseBackgroundProps) => {
+  return (
+    <View
+      className={`h-full ${props.className}`}
+      style={{
+        backgroundColor: currentTheme.primeBg,
+      }}
+    >
+      {props.children}
+    </View>
+  )
+}
+
+export default BaseBackground;

apps/client/src/components/Header.tsx

@@ -0,0 +1,39 @@
+import { View } from "react-native";
+import currentTheme from "../Themes";
+import { ReactNode } from "react";
+
+type HeaderProps = {
+  children?: ReactNode;
+  className?: string;
+};
+
+const Header = (props: HeaderProps) => {
+  return (
+    <View>
+      <View
+        className={`w-full h-32 pt-10 pb-4 ${props.className}`}
+        style={{
+          backgroundColor: currentTheme.chatBot,
+        }}
+      >
+        {props.children}
+      </View>
+      <View
+        className="h-2 bg-black"
+        style={{
+          shadowColor: "#000",
+          shadowOffset: {
+            width: 0,
+            height: 5,
+          },
+          shadowOpacity: 0.34,
+          shadowRadius: 6.27,
+
+          elevation: 10,
+        }}
+      />
+    </View>
+  );
+};
+
+export default Header;