update

2025-08-12 21:03:49 +08:00
parent 5a521d2f3d
commit 7d8942e125
49 changed files with 1002 additions and 122 deletions
@@ -0,0 +1,37 @@
+import { View, Text, TextInput, Image } from "react-native";
+import React from "react";
+import { BlurView } from "expo-blur";
+import { icons } from "../assets";
+import Style, { size } from "../styles/Style";
+import { Palette } from "../styles";
+import { FONT_FAMILY } from "../styles/Fonts";
+
+const SearchBar = ({ placeholder = "Que souhaites-tu écouter?" }) => {
+  return (
+    <View style={{ borderRadius: 12, overflow: "hidden" }}>
+      <BlurView
+        intensity={10}
+        style={{
+          height: 40,
+          paddingHorizontal: 8,
+          gap: 10,
+          ...Style.containerRow,
+        }}
+      >
+        <Image source={icons.search} />
+        <TextInput
+          placeholder={placeholder}
+          placeholderTextColor={Palette.gray}
+          style={{
+            fontSize: 12,
+            color: Palette.white,
+            fontFamily: FONT_FAMILY.HelveticaNeueRegular,
+            flex: 1,
+          }}
+        />
+      </BlurView>
+    </View>
+  );
+};
+
+export default SearchBar;