commit 6c32c78b5bbf9f8add8ec9a8dac5254505cd97bd · gmstn.systems/gemstone-app

+25
src/components/primitives/Text.tsx
···

       1
       1
       +
       import { useFacet } from "@/lib/facet";

     

       2
       2
       +
       import type { ReactNode } from "react";

     

       3
       3
       +
       import type { StyleProp, TextStyle } from "react-native";

     

       4
       4
       +
       // eslint-disable-next-line no-restricted-imports -- This is the component in question. We are re-exporting RN's base text component.

     

       5
       5
       +
       import { Text as RnText } from "react-native";

     

       6
       6
       +
       

     

       7
       7
       +
       export const Text = ({

     

       8
       8
       +
           children,

     

       9
       9
       +
           style,

     

       10
       10
       +
           ...props

     

       11
       11
       +
       }: {

     

       12
       12
       +
           children: ReactNode;

     

       13
       13
       +
           style?: StyleProp<TextStyle>;

     

       14
       14
       +
       }) => {

     

       15
       15
       +
           const { typography } = useFacet();

     

       16
       16
       +
       

     

       17
       17
       +
           return (

     

       18
       18
       +
               <RnText

     

       19
       19
       +
                   {...props}

     

       20
       20
       +
                   style={[{ fontFamily: typography.families.primary }, style]}

     

       21
       21
       +
               >

     

       22
       22
       +
                   {children}

     

       23
       23
       +
               </RnText>

     

       24
       24
       +
           );

     

       25
       25
       +
       };