From 42c37f57b4a9d259829367cb6650621b6198368c Mon Sep 17 00:00:00 2001
From: Hamza Rafique <hamza.rafique@mobilelive.ca>
Date: Thu, 9 Sep 2021 22:20:36 +0500
Subject: [PATCH]  build issue flex and Box is not find in
 node_module/rebass/style-componet  flex and Box

---
 packages/rebass/src/index.js | 24 +++++++++++++++++++++---
 1 file changed, 21 insertions(+), 3 deletions(-)

diff --git a/packages/rebass/src/index.js b/packages/rebass/src/index.js
index 40975a5a..d536924f 100644
--- a/packages/rebass/src/index.js
+++ b/packages/rebass/src/index.js
@@ -1,7 +1,4 @@
 import React, { forwardRef } from 'react'
-import { Box, Flex } from 'reflexbox'
-
-export { Box, Flex }
 
 export const Text = forwardRef((props, ref) =>
   <Box
@@ -79,3 +76,24 @@ export const Card = forwardRef((props, ref) =>
     {...props}
   />
 )
+export const Flex = forwardRef((props,ref) =>
+  <Box
+     ref={ref}
+     {...props}
+     __css={{
+        display:flex
+     }}
+  />
+)
+export const Box = forwardRef((props ,ref)=>
+   <Box
+    ref={ref}
+    variant='box'
+    {...props}
+    __css={{
+        boxSizing: 'border-box’',
+        margin: 0,
+        minWidth: 0,
+    }}
+   />
+)
\ No newline at end of file