import { TextProps as RNTextProps } from 'react-native' ; import { createComponent , createElement , createHook } from 'bumbag/utils' ; import { Box , BoxProps } from '../Box' ; import * as styles from './Text.styles' ; export type LocalTextProps = { } ; export type TextProps = BoxProps & RNTextProps & LocalTextProps ; const useProps = createHook < TextProps > ( ( props ) => { const boxProps = Box . useProps ( props ) ; return { ... boxProps } ; } , { defaultProps : { fontSize : '200' } , themeKey : 'native.Text' } ) ; export const Text = createComponent < TextProps > ( ( props ) => { const textProps = useProps ( props ) ; return createElement ( { children : props . children , component : styles . StyledText , htmlProps : { ... textProps , font : props . font || props . fontFamily } , } ) ; } , { attach : { useProps , displayName : 'native.Text' , } , themeKey : 'native.Text' , } ) ;