@obisoft/ui 0.8.0

package/src/typography/ObiText.tsx

@@ -0,0 +1,52 @@
+import React from 'react';
+import { Text, type TextProps, type TextStyle } from 'react-native';
+import { useObiTheme } from '../provider/ObiUIProvider';
+
+type Variant = 'caption' | 'body' | 'subtitle' | 'title' | 'display';
+
+export type ObiTextProps = TextProps & {
+  variant?: Variant;
+  muted?: boolean;
+  subtle?: boolean;
+  weight?: TextStyle['fontWeight'];
+  tone?: 'default' | 'primary' | 'success' | 'warning' | 'danger';
+};
+
+export function ObiText({
+  variant = 'body',
+  muted,
+  subtle,
+  weight,
+  tone = 'default',
+  style,
+  ...props
+}: ObiTextProps) {
+  const theme = useObiTheme();
+  const toneColor = tone === 'primary'
+    ? theme.colors.primary
+    : tone === 'success'
+      ? theme.colors.success
+      : tone === 'warning'
+        ? theme.colors.warning
+        : tone === 'danger'
+          ? theme.colors.danger
+          : subtle
+            ? theme.colors.textSubtle
+            : muted
+              ? theme.colors.textMuted
+              : theme.colors.text;
+
+  return (
+    <Text
+      {...props}
+      style={[
+        { color: toneColor, fontSize: theme.type[variant] },
+        weight ? { fontWeight: weight } : undefined,
+        style,
+      ]}
+    />
+  );
+}
+
+/** Compatibilidad semántica con el nombre utilizado por OBI Ventas. */
+export const AppText = ObiText;