import React from 'react'; import { Animated, type StyleProp, Text as NativeText, type TextProps as NativeTextProps, type TextStyle, } from 'react-native'; import type { ThemeVars } from '@coinbase/cds-common/core/theme'; import { type StyleProps } from '../styles/styleProps'; export type TextBaseProps = StyleProps & { children?: React.ReactNode; style?: Animated.WithAnimatedValue>; animated?: boolean; /** * Specifies text alignment. On mobile, the value `justify` is only supported on iOS and fallbacks to `start` on Android. * @default start */ align?: 'start' | 'end' | 'center' | 'justify'; /** * Set text font family. * @default body */ font?: ThemeVars.FontFamily | 'inherit'; /** * Add disabled opacity style to text */ disabled?: boolean; /** * Use monospace font family. */ mono?: boolean; /** * Set text decoration to underline. * @default false */ underline?: boolean; /** * Activates the set of figures where numbers are all of the same size, allowing them to be easily aligned. * @default false */ tabularNumbers?: boolean; /** * Truncates text after wrapping to a defined number of lines. */ numberOfLines?: number; /** * Choose ellipsize mode. * @link [React Native docs](https://reactnative.dev/docs/text#ellipsizemode) */ ellipsize?: NativeTextProps['ellipsizeMode']; /** * Set text to be in a single line. * @default false */ noWrap?: boolean; /** * @deprecated Use `style` or the `color` style prop to set custom text colors. This will be removed in a future major release. * @deprecationExpectedRemoval v10 */ dangerouslySetColor?: TextStyle['color']; /** * @deprecated Use `style` or the `background` style prop to set custom text background colors. This will be removed in a future major release. * @deprecationExpectedRemoval v10 */ dangerouslySetBackground?: TextStyle['backgroundColor']; /** * @deprecated Do not use this prop, it is a migration escape hatch. This will be removed in a future major release. * @deprecationExpectedRemoval v9 */ renderEmptyNode?: boolean; /** Used to locate this element in unit and end-to-end tests. */ testID?: string; }; export type TextProps = TextBaseProps & Omit; export declare const Text: React.MemoExoticComponent< ({ ref, children, style, animated, disabled, mono, underline, tabularNumbers, numberOfLines, ellipsize, noWrap, testID, dangerouslySetColor, dangerouslySetBackground, display, position, overflow, zIndex, gap, columnGap, rowGap, justifyContent, alignContent, alignItems, alignSelf, flexDirection, flexWrap, color, background, borderColor, borderTopLeftRadius, borderTopRightRadius, borderBottomLeftRadius, borderBottomRightRadius, borderTopWidth, borderEndWidth, borderBottomWidth, borderStartWidth, elevation, borderWidth, borderRadius, font, fontFamily, fontSize, fontWeight, lineHeight, align, textDecorationStyle, textDecorationLine, textTransform, padding, paddingX, paddingY, paddingTop, paddingBottom, paddingStart, paddingEnd, margin, marginX, marginY, marginTop, marginBottom, marginStart, marginEnd, userSelect, width, height, minWidth, minHeight, maxWidth, maxHeight, aspectRatio, top, bottom, left, right, transform, flexBasis, flexShrink, flexGrow, opacity, renderEmptyNode, accessibilityRole, ...props }: TextProps & { ref?: React.Ref; }) => import('react/jsx-runtime').JSX.Element | null >; //# sourceMappingURL=Text.d.ts.map