update

src/screens/home/restrictedProduct/ui/RestrictedProduct.tsx

@@ -1,9 +1,7 @@
-import NavbarBack from 'components/NavbarBack';
-import Navigation from 'components/Navigation';
+import LayoutTwo from 'components/LayoutTwo';
 import * as React from 'react';
 import { useTranslation } from 'react-i18next';
 import { ScrollView, StyleSheet, Text, View } from 'react-native';
-import { SafeAreaView } from 'react-native-safe-area-context';
 import Battery from 'svg/Battery';
 import Blade from 'svg/Blade';
 import Book from 'svg/Book';
@@ -22,13 +20,12 @@ const RestrictedProduct = (props: RestrictedProductProps) => {
   const [activeTab, setActiveTab] = React.useState<'avia' | 'auto'>('avia');
   const { t } = useTranslation();
   return (
-    <SafeAreaView style={{ flex: 1 }}>
-      <NavbarBack title={t('Taqiqlangan buyumlar')} />
+    <LayoutTwo title={t('Taqiqlangan buyumlar')}>
       <ScrollView style={{ flex: 1 }}>
         <View style={styles.container}>
           <Tabs activeTab={activeTab} setActiveTab={setActiveTab} />
           {activeTab === 'avia' && (
-            <View style={{ marginTop: 20, gap: 10, marginBottom: 20 }}>
+            <View style={{ marginTop: 10, gap: 10, marginBottom: 20 }}>
               <Text
                 style={{
                   width: '95%',
@@ -179,7 +176,7 @@ const RestrictedProduct = (props: RestrictedProductProps) => {
             </View>
           )}
           {activeTab === 'auto' && (
-            <View style={{ marginTop: 20, gap: 10, marginBottom: 20 }}>
+            <View style={{ marginTop: 10, gap: 10, marginBottom: 20 }}>
               <View style={styles.cardWhite}>
                 <View style={styles.priceCard}>
                   <Text style={styles.titleBlack}>
@@ -273,8 +270,7 @@ const RestrictedProduct = (props: RestrictedProductProps) => {
           )}
         </View>
       </ScrollView>
-      <Navigation />
-    </SafeAreaView>
+    </LayoutTwo>
   );
 };
 
@@ -282,7 +278,7 @@ export default RestrictedProduct;
 
 const styles = StyleSheet.create({
   container: {
-    marginTop: 20,
+    marginTop: 10,
   },
   card: {
     width: '95%',
@@ -294,8 +290,15 @@ const styles = StyleSheet.create({
     width: '95%',
     gap: 5,
     margin: 'auto',
-    padding: 10,
     borderRadius: 8,
+    paddingVertical: 15,
+    paddingHorizontal: 12,
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 1 },
+    shadowOpacity: 0.1,
+    shadowRadius: 2,
+
+    elevation: 1,
   },
   titleBlack: {
     fontSize: 16,