updating @packrat/ui button and text to use styled from tamagui, stil…

…l need to configure our tamagui theme properly

packages/ui/src/RButton/index.tsx

@@ -1,14 +1,8 @@
-import { Button } from 'tamagui';
-import useTheme from '~/hooks/useTheme';
+import { Button, styled } from 'tamagui';
 
-const RButton = ({children, backgroundColor, ...props}) => {
-  const { currentTheme } = useTheme();
-  const bg = backgroundColor ? backgroundColor : currentTheme.colors.secondaryBlue;
-  return (
-    <Button backgroundColor={bg} color={"white"} {...props}>
-      {children}
-    </Button>
-  );
-};
+const RButton = styled(Button, {
+  backgroundColor: '#0C66A1', // temp fix, we need to set up proper tamagui theme
+  color: 'white',
+})
 
 export default RButton;

packages/ui/src/RText/index.tsx

@@ -1,11 +1,19 @@
-import { Text } from 'tamagui';
+// import { Text } from 'tamagui';
 
-const PRText = ({ children, style, ...props }) => {
-  return (
-    <Text style={[style]} fontFamily="$body" {...props}>
-      {children}
-    </Text>
-  );
-};
+// const PRText = ({ children, style, ...props }) => {
+//   return (
+//     <Text style={[style]} fontFamily="$body" {...props}>
+//       {children}
+//     </Text>
+//   );
+// };
 
-export default PRText;
+// export default PRText;
+
+import { Paragraph, styled } from "tamagui";
+
+const RText = styled(Paragraph, {
+    fontFamily: "$body",
+    });
+
+export default RText;