@uiw/react-native/lib/Typography/Em.js

UIW for React Native

import React from 'react';
import PropTypes from 'prop-types';
import { StyleSheet, Text } from 'react-native';
import { useTheme } from '@shopify/restyle';
function createStyles({
  textColor
}) {
  return StyleSheet.create({
    default: {
      fontStyle: 'italic',
      color: textColor
    }
  });
}
export default function Em(props) {
  const theme = useTheme();
  const styles = createStyles({
    textColor: theme.colors.primary_text || '#ccc'
  });
  return React.cloneElement(<Text />, {
    ...props,
    style: [styles.default, props.style]
  });
  // return (
  //   <Text {...props} style={[styles.default, props.style]}>
  //     {props.children}
  //   </Text>
  // );
}

Em.propTypes = {
  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node, PropTypes.string]),
  style: PropTypes.any
};
Em.defaultProps = {};