hiển thị thuyền thông tin tàu

app/(tabs)/warning.tsx

@@ -1,13 +1,20 @@
+import ShipSearchForm from "@/components/ShipSearchForm";
+import { useState } from "react";
 import { Platform, ScrollView, StyleSheet, Text, View } from "react-native";
 import { SafeAreaView } from "react-native-safe-area-context";
 
 export default function warning() {
+  const [shipSearchFormOpen, setShipSearchFormOpen] = useState(true);
   return (
     <SafeAreaView style={{ flex: 1 }}>
       <ScrollView contentContainerStyle={styles.scrollContent}>
         <View style={styles.container}>
           <Text style={styles.titleText}>Cảnh báo</Text>
         </View>
+        <ShipSearchForm
+          isOpen={shipSearchFormOpen}
+          onClose={() => setShipSearchFormOpen(false)}
+        />
       </ScrollView>
     </SafeAreaView>
   );