sample1.tsx

import React, {ReactNode} from 'react';
import {StyleSheet, Text} from 'react-native';
import {mapPropsToStyles} from '../utils/style_helper';
import themeColors from '../../themes/variables';
import {RnViewStyleProp} from 'native-base';

interface Props {
  children: ReactNode;
  style?: RnViewStyleProp | Array<RnViewStyleProp>;
}

export default ({style, children, ...props}: Props) => (
  <Text style={styles.wrapper} {...props}>
    {children}
  </Text>
);