import { Animated , Platform } from 'react-native' ; import { styled } from '../styled' ; import { getFontStyles } from '../utils/getFontStyles' ; import { palette , theme } from '../utils/theme' ; function getTextStyles ( props ) { return `
    color: ${ palette ( 'text' ) ( props ) };

    ${ Platform . OS === 'web' ? `
            font-size: unset;
          ` : '' }

    ${ ! props . fontWeight ? getFontStyles ( { fontWeight : '400' } ) ( props ) : '' }

    ${ theme ( 'native.Text' , 'styles.base' ) ( props ) };
  ` ; } export const StyledText = styled . Text `
  ${ getTextStyles }
` ; export const StyledAnimatedText = styled ( Animated . Text ) `
  ${ getTextStyles }
` ;