diff --git a/FE/App.js b/FE/App.js
index e85dd8a..5f37fbe 100644
--- a/FE/App.js
+++ b/FE/App.js
@@ -1,13 +1,13 @@
 import { StatusBar } from 'expo-status-bar';
 import React from 'react';
-import { StyleSheet, Text, View, Button } from 'react-native';
-
+import { StyleSheet, Text, View } from 'react-native';
+import ButtonPiece from './ButtonPiece.js';
 export default function App() {
   return (
     <View style={styles.container}>
       <Text>Open up App.js to start working on your app!</Text>
       <StatusBar style="auto" />
-      <Button title="test" />
+      <ButtonPiece buttonTitle="aa" isEnabled={false} />
     </View>
   );
 }
diff --git a/FE/ButtonPiece.js b/FE/ButtonPiece.js
new file mode 100644
index 0000000..6541327
--- /dev/null
+++ b/FE/ButtonPiece.js
@@ -0,0 +1,14 @@
+import React from 'react';
+import { Button } from 'react-native';
+export default function App({ buttonTitle, isEnabled }) {
+  if(isEnabled) {
+    return (
+      <Button title={buttonTitle} />
+    );
+  }
+  else {
+    return (
+      <Button title="??" />
+    )
+  }
+}
\ No newline at end of file