update

2025-07-31 21:25:33 +08:00
parent 5cfbc81e3a
commit 84fc719a10
307 changed files with 46470 additions and 0 deletions
@@ -0,0 +1,44 @@
+import { View, Text, Image, Pressable } from "react-native";
+import React from "react";
+import { icons } from "../assets";
+import { Palette, Style } from "../styles";
+import ProgressBar from "./ProgressBar";
+import { FONT_FAMILY } from "../styles/Fonts";
+
+const MusicLandHeader = ({ onPressBack, onPressSkip, showSkip = false }) => {
+  return (
+    <View style={{ alignItems: "center", gap: 16 }}>
+      <Image source={icons.musicLandLogo} />
+      <View style={{ width: "100%", ...Style.containerRow, gap: 16 }}>
+        <Pressable
+          style={{ width: 24, height: 24, ...Style.containerCenter }}
+          onPress={onPressBack}
+        >
+          <Image
+            source={icons.chevronDown}
+            style={{ width: 15, height: 15, transform: [{ rotate: "90deg" }] }}
+            resizeMode="contain"
+          />
+        </Pressable>
+        <View style={{ flex: 1 }}>
+          <ProgressBar progress={10} />
+        </View>
+        {showSkip && (
+          <Pressable onPress={onPressSkip}>
+            <Text
+              style={{
+                fontSize: 14,
+                color: Palette.white,
+                fontFamily: FONT_FAMILY.InterRegular,
+              }}
+            >
+              Passer
+            </Text>
+          </Pressable>
+        )}
+      </View>
+    </View>
+  );
+};
+
+export default MusicLandHeader;