import { Text as RNText, TextInput as RNTextInput, type TextInputProps as RNTextInputProps, type TextProps as RNTextProps,} from "react-native"; import { cn } from "../lib/cn"; export type AppTextProps = RNTextProps & { readonly className?: string }; /** * Thin wrapper around RN Text with default font-family and foreground color. * Uses Uniwind className — no manual style parsing. */export function AppText({ className, ...props }: AppTextProps) { return <RNText className={cn("font-sans text-foreground", className)} {...props} />;} export type AppTextInputProps = Omit<RNTextInputProps, "placeholderTextColor"> & { readonly className?: string; readonly ref?: React.Ref<RNTextInput>;}; /** * Thin wrapper around RN TextInput with default input styling. * Uses Uniwind className — no manual style parsing. */export function AppTextInput({ className, ref, ...props }: AppTextInputProps) { return ( <RNTextInput ref={ref} className={cn( "min-h-13.5 rounded-2xl border border-input-border bg-input px-3.5 py-3 font-sans text-base text-foreground", className, )} placeholderTextColorClassName="accent-placeholder" selectionColorClassName="accent-foreground-secondary" cursorColorClassName="accent-foreground-secondary" {...props} /> );}
import {
Text as RNText,
TextInput as RNTextInput,
type TextInputProps as RNTextInputProps,
type TextProps as RNTextProps,
} from "react-native";
import { cn } from "../lib/cn";
export type AppTextProps = RNTextProps & { readonly className?: string };
/**
* Thin wrapper around RN Text with default font-family and foreground color.
* Uses Uniwind className — no manual style parsing.
*/
export function AppText({ className, ...props }: AppTextProps) {
return <RNText className={cn("font-sans text-foreground", className)} {...props} />;
}
export type AppTextInputProps = Omit<RNTextInputProps, "placeholderTextColor"> & {
readonly className?: string;
readonly ref?: React.Ref<RNTextInput>;
};
/**
* Thin wrapper around RN TextInput with default input styling.
* Uses Uniwind className — no manual style parsing.
*/
export function AppTextInput({ className, ref, ...props }: AppTextInputProps) {
return (
<RNTextInput
ref={ref}
className={cn(
"min-h-13.5 rounded-2xl border border-input-border bg-input px-3.5 py-3 font-sans text-base text-foreground",
className,
)}
placeholderTextColorClassName="accent-placeholder"
selectionColorClassName="accent-foreground-secondary"
cursorColorClassName="accent-foreground-secondary"
{...props}
/>
);
}