fix: Add TextLink to provide styles for Next Link

Author: codinsonn

features/app-core/components/Typography.tsx

@@ -0,0 +1,30 @@
+import { styled } from 'nativewind'
+import { Text as RNText, View as RNView } from 'react-native'
+import { Link as UniversalLink } from './Link'
+
+/* --- Primitives ------------------------------------------------------------------------------ */
+
+export const View = styled(RNView, '')
+export const Text = styled(RNText, '')
+
+/* --- Typography ------------------------------------------------------------------------------ */
+
+export const H1 = styled(RNText, 'font-bold text-2xl')
+export const H2 = styled(RNText, 'font-bold text-xl')
+export const H3 = styled(RNText, 'font-bold text-lg')
+
+export const P = styled(RNText, 'text-base')
+
+/* --- Fix for Next Link ----------------------------------------------------------------------- */
+
+export const LinkText = styled(RNText, 'text-blue-500 underline')
+export const TextLink = (props: Omit<React.ComponentProps<typeof UniversalLink>, 'className'> & { className?: string }) => {
+    const { className, style, children, ...universalLinkProps } = props
+    return (
+        <LinkText className={className} style={style}>
+            <UniversalLink {...universalLinkProps}>
+                {children}
+            </UniversalLink>
+        </LinkText>
+    )
+}

features/app-core/components/styled.tsx

@@ -13,6 +13,9 @@ export type UniversalLinkProps = {
     /** Universal - Style prop: https://reactnative.dev/docs/text#style */
     style?: ExpoLinkProps['style'];
 
+    /** -!- Nativewind classNames should be applied to either the parent or children of Link. Ideally, create or use a TextLink component instead */
+    className?: never;
+
     /** Universal - Should replace the current route without adding to the history - Default: false. */
     replace?: boolean;