import React from "react";
import {
  Text as RNText,
  TextProps,
  StyleSheet,
  I18nManager,
  Platform,
  TextStyle,
} from "react-native";

export interface ThemedTextProps extends TextProps {}

const ThemedText: React.FC<ThemedTextProps> = ({
  style,
  children,
  ...props
}) => {
  const combinedStyle = StyleSheet.flatten([
    Platform.OS === "ios" &&
      ({
        textAlign: I18nManager.isRTL ? "left" : "auto",
      } as TextStyle),
    style,
  ]);

  return (
    <RNText style={combinedStyle} {...props}>
      {children}
    </RNText>
  );
};

export default ThemedText;