import * as React from 'react';
import { Text as ReactNativeText } from 'react-native';

import { translate } from '~/i18n';
import { setFont } from '~/theme';
import { capitalize, capitalizeWords, uppercase } from '~/utils/string';
import { enhanceTextStyle } from '~/utils/styles';

import { boldTypePresets, textPresets } from './text.presets';
import { TextProps as Props, TextTransform } from './text.props';


/**
 * For your text displaying needs.
 * This component is a HOC over the built-in React Native one.
 *
 * @param boldType An optional preset to set a bold version of the font.
 * @param preset An optional preset to set one of the different text types.
 * @param text Optional text to display if not using `tx` or nested components.
 * @param tx Optional text which is looked up via i18n.
 * @param txOptions Optional options to pass to i18n.
 * @param children Optional children components.
 * @param style An optional style override useful for padding & margin.
 */
export const Text: React.FC<Props> = (props) => {
 
  // figure out which content to use
 // const i18nText = tx && translate(tx, txOptions);
  // TODO
  //const content = getTransform(transform)(i18nText || text) || children;
 
  // TODO
  //const style = setFont(
  //  enhanceTextStyle([textPresets[preset], boldTypePresets[boldType], styleOverride]),
  //);

  return (
    <ReactNativeText >
      MIAU
    </ReactNativeText>
  );
};
export default Text;