frontend client for gemstone. decentralised workplace app
feat: our text component
+25
+25
src/components/primitives/Text.tsx
+25
src/components/primitives/Text.tsx
···
1
+
import { useFacet } from "@/lib/facet";
2
+
import type { ReactNode } from "react";
3
+
import type { StyleProp, TextStyle } from "react-native";
4
+
// eslint-disable-next-line no-restricted-imports -- This is the component in question. We are re-exporting RN's base text component.
5
+
import { Text as RnText } from "react-native";
6
+
7
+
export const Text = ({
8
+
children,
9
+
style,
10
+
...props
11
+
}: {
12
+
children: ReactNode;
13
+
style?: StyleProp<TextStyle>;
14
+
}) => {
15
+
const { typography } = useFacet();
16
+
17
+
return (
18
+
<RnText
19
+
{...props}
20
+
style={[{ fontFamily: typography.families.primary }, style]}
21
+
>
22
+
{children}
23
+
</RnText>
24
+
);
25
+
};