Undeprecate spacer component

Author: YoussefHenna

packages/core/src/components/Layout/Spacer.tsx

@@ -0,0 +1,34 @@
+import React from "react";
+import { View, StyleProp, ViewStyle } from "react-native";
+
+interface SpacerProps {
+  top?: number;
+  right?: number;
+  left?: number;
+  bottom?: number;
+  style?: StyleProp<ViewStyle>;
+}
+
+const Spacer: React.FC<SpacerProps> = ({
+  top = 8,
+  right = 8,
+  bottom = 8,
+  left = 8,
+  style,
+}) => {
+  return (
+    <View
+      style={[
+        style,
+        {
+          paddingRight: right,
+          paddingTop: top,
+          paddingLeft: left,
+          paddingBottom: bottom,
+        },
+      ]}
+    />
+  );
+};
+
+export default Spacer;

packages/core/src/components/Layout/index.tsx

@@ -4,4 +4,5 @@ export { default as Center } from "./Center";
 export { default as HStack } from "./HStack";
 export { default as VStack } from "./VStack";
 export { default as ZStack } from "./ZStack";
+export { default as Spacer } from "./Spacer";
 export { default as Square } from "./Square";

packages/core/src/index.tsx

@@ -70,6 +70,7 @@ export {
   HStack,
   VStack,
   ZStack,
+  Spacer,
   Square,
 } from "./components/Layout";
 
@@ -89,7 +90,6 @@ export {
   Center as DeprecatedCenter,
   Circle as DeprecatedCircle,
   Square as DeprecatedSquare,
-  Spacer,
   Row,
   Stack,
 } from "./deprecated-components/Layout";