sdp-tech#77 feat: add lookbook addButton component

src/components/Lookbook/LookbookAddButton.tsx

@@ -0,0 +1,29 @@
+import { StyleSheet, TouchableOpacity, View } from 'react-native';
+import PlusSquare from '../../assets/lookbook/plusSquare.svg';
+import { Container } from 'react-native-collapsible-tab-view';
+
+const LookbookAddButton = ({ onPress }: { onPress: () => void }) => {
+  return (
+    <View>
+      <TouchableOpacity onPress={onPress}>
+        <View style={Styles.container}>
+          <PlusSquare />
+        </View>
+      </TouchableOpacity>
+    </View>
+  );
+};
+
+const Styles = StyleSheet.create({
+  container: {
+    width: 54,
+    height: 54,
+    backgroundColor: 'black',
+    borderRadius: 100,
+    alignItems: 'center',
+    justifyContent: 'center',
+    margin: 5,
+  },
+});
+
+export default LookbookAddButton;

src/pages/ComponentsTest.tsx

@@ -3,6 +3,7 @@ import Dropdown from '../common/Dropdown';
 import { useState } from 'react';
 import { Body16M } from '../styles/GlobalText';
 import LookbookButton from '../components/Lookbook/LookbookButton';
+import LookbookAddButton from '../components/Lookbook/LookbookAddButton';
 
 const TestDropdown = ({ index }: { index: number }) => {
   const [value, setValue] = useState<string | undefined>(undefined);
@@ -26,6 +27,7 @@ export default function ComponentsTest() {
       <View style={{ flex: 1 }}>
         <Body16M>테스트용 페이지</Body16M>
         <LookbookButton />
+        <LookbookAddButton onPress={() => {}} />
       </View>
     </SafeAreaView>
   );