Primary button prettier code issue

App.tsx

@@ -1,4 +1,3 @@
-import PrimaryButton from '@/components/PrimaryButton';
 import { StatusBar } from 'expo-status-bar';
 import { StyleSheet, Text, View } from 'react-native';
 

src/components/PrimaryButton.tsx

@@ -1,36 +1,36 @@
-import { Pressable, StyleSheet, Text, View } from 'react-native'
-import React from 'react'
+import { Pressable, StyleSheet, Text } from 'react-native';
+import React from 'react';
 
 interface Param {
-    title: string;
-    onPress: any;
+  title: string;
+  onPress: any;
 }
 
 const PrimaryButton = (param: Param) => {
   return (
-    <Pressable style = {styles.button} onPress={param.onPress}>
-        <Text style = {styles.text}>{param.title}</Text>
+    <Pressable style={styles.button} onPress={param.onPress}>
+      <Text style={styles.text}>{param.title}</Text>
     </Pressable>
-  )
-}
+  );
+};
 
-export default PrimaryButton
+export default PrimaryButton;
 
 const styles = StyleSheet.create({
-    button: {
-        justifyContent: 'center',
-        alignItems: 'center',
-        backgroundColor: '#5964AB',
-        width: 291,
-        height: 44,
-        borderRadius: 10
-    },
+  button: {
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: '#5964AB',
+    width: 291,
+    height: 44,
+    borderRadius: 10,
+  },
 
-    text: {
-        color: '#FFFFFF',
-        fontSize: 12,
-        lineHeight: 15,
-        fontWeight: '500',
-        textAlign: 'center'
-    }
-})
+  text: {
+    color: '#FFFFFF',
+    fontSize: 12,
+    lineHeight: 15,
+    fontWeight: '500',
+    textAlign: 'center',
+  },
+});